Jeditable에서 마우스 오른쪽 버튼을 클릭하여이 기능을 활성화 할 수 있습니까?

Question

마우스 오른쪽 버튼을 클릭하여이 기능을 활성화하려면 어떻게합니까?

기본적으로 왼쪽 클릭 한 번으로 작동하고 드롭 다운이 표시되는 반면 오른쪽 클릭하면 해당 드롭 다운이 나타나기 때문에 기본 동작을 변경할 수있는 방법이 있습니다.

$(".editable_select").editable("http://www.appelsiini.net/projects/jeditable/php/save.php", { 
     indicator: '<img src="img/indicator.gif">', 
     data: "{'Lorem ipsum':'Lorem ipsum','Ipsum dolor':'Ipsum dolor','Dolor sit':'Dolor sit'}", 
     type: "select", 
     submit: "OK", 
     style: "inherit", 
     submitdata: function() { 
      return { id: 2 }; 
     } 

여기에서 자세한 내용을 볼 수 있습니다, 선택 인라인 된 대한 http://www.appelsiini.net/projects/jeditable/default.html

보세요.

Answer 1

오른쪽에서 jEditable 만 활성화하면됩니다. 당신은 세 단계 돌보는하여이 작업을 수행 할 수 있습니다 :

1. 감지 우측 클릭
2. 편집이

는 다음과 같은 뭔가 일을해야 fininshed 후 이벤트 핸들러

비활성화 jEditable에 jEditable 가능 :

$('#editable').mousedown(function(event) { 
    if (event.which != 3) return; 
    event.preventDefault(); 

    $(this).editable('url', { 
     ... 
     type: "select", 
     onreset: function() { 
      this.parent().editable('destroy'); 
     } 
    }).click(); 
}); 

실례 : http://jsfiddle.net/william/2wBEW/을 참조하십시오.

이 예제에서는 오른쪽 클릭시 기본 상황에 맞는 메뉴를 방지하기 위해 oncontextmenu="return false"을 사용했습니다. 비표준이며 모든 브라우저에서 작동 할 것으로 예상 할 수 없습니다.