테스트 사이트 - 개발 중인 베타 버전입니다
SIR

.contextmenu( handler )

수다왕
프로필 보기이 회원 글보기이 회원의 댓글보기
 · 8년 전 · 1458

.contextmenu( handler )


설명 : 이벤트 처리기를 "contextmenu"JavaScript 이벤트에 바인딩하거나 요소에서 해당 이벤트를 트리거하십시오.


이 방법은 .on( "contextmenu", handler )첫 번째 두 가지 변형과 .trigger( "contextmenu" )세 번째 변형에 대한 바로 가기입니다 . contextmenu이벤트는 마우스의 오른쪽 버튼이 클릭 된 요소로 전송되지만, 상황에 맞는 메뉴가 표시되기 전에. 컨텍스트 메뉴 키를 누르면 해당 html요소 에서 이벤트가 트리거됩니다 . 모든 HTML 요소는이 이벤트를 수신 할 수 있습니다. 예를 들어, HTML을 고려해보십시오.


<div id="target">

  Right-click here

</div>

이벤트 처리기는 <div>다음과 같이 바인딩 될 수 있습니다 .


$( "#target" ).contextmenu(function() {

  alert( "Handler for .contextmenu() called." );

});

이 요소를 마우스 오른쪽 버튼으로 클릭하면 경고가 표시됩니다.


.contextmenu ()에 대한 핸들러가 호출되었습니다.


수동으로 이벤트를 트리거하려면 .contextmenu()인수없이 호출하십시오 .


$( "#target" ).contextmenu();

추가 참고 사항 :


애즈 .contextmenu()방법은 단지 속기이고 .on( "contextmenu", handler ), 박리가 사용 가능하다 .off( "contextmenu" ).

예 :

"Hello World!"를 표시하려면 컨텍스트 메뉴 이벤트가 페이지의 단락에서 실행될 때 경고 상자 :



$( "p" ).contextmenu(function() {

  alert( "Hello World!" );

});

마우스 오른쪽 버튼을 클릭하여 배경색을 토글합니다.


<!doctype html>

<html lang="en">

<head>

  <meta charset="utf-8">

  <title>contextmenu demo</title>

  <style>

  div {

    background: blue;

    color: white;

    height: 100px;

    width: 150px;

 }

  div.contextmenu {

    background: yellow;

    color: black;

  }

  </style>

  <script src="https://code.jquery.com/jquery-1.10.2.js"></script>

</head>

<body>

 

<div></div>

<span>Right click the block</span>

 

<script>

var div = $( "div:first" );

div.contextmenu(function() {

  div.toggleClass( "contextmenu" );

});

</script>

 

</body>

</html>

목록
이전글 다음글

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

게시글 목록

번호 제목
16019
PHP 이미지 url주소값만 변경하기 9
16015
jQuery jQuery.htmlPrefilter( html ) 1
16014
jQuery jQuery.holdReady( hold )
16013
jQuery jQuery.hasData( element ) 1
16011
MySQL phpMyAdmin 에서 작업할 DB의 모든 MyISAM 테이블을 InnoDB 로 바꾸는 방법 2
16010
jQuery jQuery.grep (array, function [, invert])
16009
jQuery jQuery.globalEval (code)
16008
jQuery jQuery.getScript( url [, success ] )
16004
PHP php에서 로켓쳇으로 데이터 전송 1
16003
jQuery jQuery.getJSON()
16002
jQuery jQuery.get()
16001
jQuery jQuery.fx.off
15993
jQuery jQuery.fx.interval
15992
jQuery jQuery.fn.extend () 2
15991
jQuery jQuery.extend()
15988
jQuery jQuery.escapeSelector ()
15987
jQuery jQuery.error (message)
15986
jQuery jQuery.each()
15985
jQuery jquery 가상 선택자 확장하기.
15981
jQuery jQuery.dequeue()
15980
jQuery jQuery.Deferred()
15979
jQuery jQuery.data()
15978
jQuery jQuery.cssNumber 
15977
jQuery jQuery.cssHooks
15976
jQuery jQuery.contains (Container, contained)
15975
jQuery jQuery.Callbacks ()
15974
jQuery jQuery.ajaxTransport ()
15973
jQuery  jQuery.ajaxPrefilter() 1
15971
jQuery jQuery.ajaxPrefilter()
15970
jQuery jQuery.ajax()
이전 다음
전체 목록