javascript - 禁用文本框时如何在 jquery 中禁用此上下文菜单

Question

<分区>

Answer 1

此代码适用于 firefox:

document.oncontextmenu=disableclick;
function disableclick(event)
{
    event.preventDefault();
    alert("Context Menu Disabled");
    return false;    
}

http://jsfiddle.net/zumk5cta/1/

更新

contextmenu 事件不适用于 firefox 中的禁用元素，这是一个 firefox 行为，解释得很好 here

作为您问题的解决方案，我采纳了 @Endy E 给出的想法在他的回应中here :

html

<span class="inputWrapper">
    <input type="text" disabled />
    <div class="mouseEventTarget"></div>
</span>

CSS

.inputWrapper{
     position:relative;
}
.mouseEventTarget{
     position:absolute; 
     left:0; 
     right:0; 
     top:0; 
     bottom:0; 
     cursor: text
}

javascript

$(document).on('contextmenu', 'input:disabled + .mouseEventTarget',function(e){ 
    return false; 
});

fiddle