jquery contextmenu 예제

이 메서드는 처음 두 가지 변형에서 .on(“컨텍스트 메뉴”, 처리기)에 대한 바로 가기 및 세 번째 에서 .trigger(“컨텍스트 메뉴”)에 대한 바로 가기입니다. 컨텍스트 메뉴 이벤트는 마우스의 오른쪽 단추를 클릭하지만 컨텍스트 메뉴가 표시되기 전에 요소로 전송됩니다. 상황에 맞는 메뉴 키를 누르면 html 요소 또는 현재 포커스가 있는 요소에서 이벤트가 트리거됩니다. 모든 HTML 요소는 이 이벤트를 수신할 수 있습니다. 예를 들어, HTML을 고려: 여기 자바 스크립트에서 오른쪽 클릭 컨텍스트 메뉴에 대 한 예입니다: 오른쪽 클릭 컨텍스트 메뉴 컨텍스트메뉴 클릭 가능한 명령의 간단한 목록을 제공할 수 있습니다., 또는 메뉴 에서 양식을 제공. 이렇게 하면 매우 간단한 특성 수정이 가능합니다. 입력 예제를 참조하십시오. NPM을 사용하는 경우 jquery-contextmenu를 설치하고 빌드 프로세스에 포함합니다. 3.x 분기를 확인하거나 npm으로 설치하여 jquery-contextmenu@next를 설치하십시오. 이벤트를 수동으로 트리거하려면 인수 없이 .contextmenu()를 호출합니다: Firefox 8은 컨텍스트 메뉴 사양(티켓 #617528)을 아직 완전히 구현하지 않습니다.

명령으로 사용할 수 있는 요소, 단추, 입력 및 옵션은 모두 무시됩니다. 또한 확인란/라디오와 일반 명령(버그 #705292)을 구분하지 않습니다. 파이어 폭스 8 메뉴 구조에 대 한 태그를 사용 하 여 컨텍스트 메뉴를 구현. 그러나 사양은 태그를 이 용도로 사용해야 한다고 명시합니다. 오른쪽 클릭 메뉴에 대 한 매우 가벼운 jquery 플러그인입니다. SourceDemo 웹 앱에 대한 글꼴 멋진 지원과 현대적인 컨텍스트 메뉴. 스크립트는 매우 가벼운 무게(2.2kB)이며 메뉴를 기본 개체로 처리합니다. 즉, 단일 메뉴를 여러 요소에 연결할 수 있습니다. $.contextMenu는 컨텍스트 메뉴를 추측한 관리 기능입니다. 컨텍스트 메뉴를 표시할 수 있는 수백 개의 요소가 있는 응용 프로그램을 위해 설계되었기 때문에 초기화 속도와 메모리 사용량은 상당히 작게 유지됩니다. 또한 $.contextMenu가 필요에 따라 DOMElements를 생성하므로 실제 태그를 제공하지 않고 컨텍스트 메뉴를 등록할 수 있습니다. 브라우저의 컨텍스트 메뉴가 재정의되고 있습니다.

모든 주요 브라우저에서 기본 컨텍스트 메뉴를 보강할 수 있는 방법은 없습니다. 버전 3.0은 자바 스크립트를 ES6에서 더 제정신으로 재구성한 것입니다. 모든 API를 통합하므로 콜백이 더 잘 문서화되고 간결합니다. 기본 사항은 여전히 동일하지만 모든 콜백은 다르게 구성됩니다. 참고: 사양 은 일반 명령으로 렌더링 할 수 있지만,하지만 $.contextMenu 는 실제 렌더링합니다

. 즉, 메뉴에서 명령을 추가하거나 제거할 수 없습니다. 이렇게 하면 contextMenu 메모리에 단일 정의 유지, 트리거 개체의 수백으로 작업할 수 있습니다. contextMenu는 메뉴 내에서 명령의 상태를 업데이트하는 데 사용할 수있는 두 콜백 쇼와 숨기기를 알고있다. 이렇게 하면 명령을 en/비활성화하거나 아이콘을 변경하거나 포함된 요소의 값을 업데이트할 수 있습니다.

나는 그것을 만드는 것을 즐겼고 너희들이 그것을 사용할 수도 있지만. BasicContext는 웹 사이트 또는 웹 앱에 사용하기 쉬운 컨텍스트 메뉴입니다. 이 자습서를 볼 수 있습니다. http://www.youtube.com/watch?v=iDyEfKWCzhg 컨텍스트 메뉴가 처음에 숨겨져 있고 절대 위치가 있는지 확인합니다. 이렇게 하면 여러 컨텍스트 메뉴와 쓸모 없는 컨텍스트 메뉴 생성되지 않습니다. 페이지에 대한 링크는 YouTube 동영상설명에 표시됩니다.