jQuery - 마우스 오른쪽 버튼

by 라제폰 2015. 9. 10. 13:56

출처 : http://linuxism.tistory.com/709

$(document).ready(function() {
  $('span.demo1').contextMenu('myMenu1', {
   bindings: {
    'open': function(t) {
     alert('Trigger was '+t.id+'\nAction was Open');
    },
    'email': function(t) {
     alert('Trigger was '+t.id+'\nAction was Email');
    },
    'save': function(t) {
     alert('Trigger was '+t.id+'\nAction was Save');
    },
    'delete': function(t) {
     alert('Trigger was '+t.id+'\nAction was Delete');
    }
   }
  });
});
</script>

<div class="contextMenu" id="myMenu1">
<ul>
<li id="open">Open</li>
<li id="email">Email</li>
<li id="save">Save</li>
<li id="close">Close</li>
</ul>
</div>

<span class="demo1" id="quickDemo" style="border: 1px solid #888;">
    <b>DEMO</b> right-click me!!
</span>

출처 : http://www.trendskitchens.co.nz/jquery/contextmenu/

===================================================================================

페이지 전체 뿐만 아니라 특정 부분에도 손쉽게 마우스 오른쪽 버튼을 막을 수 혹은 핸들링 할 수 있게 해줍니다.

예제 코드:

$(document).ready( function() {

  // Capture right click
$("#selector").rightClick( function(e) {
  // Do something
  });

  // Capture right mouse down
$("#selector").rightMouseDown( function(e) {
  // Do something
  });

  // Capture right mouseup
$("#selector").rightMouseUp( function(e) {
  // Do something
  });

  // Disable context menu on an element
$("#selector").noContext();

});