Jquery 如何从 onclick div 属性检测 Javascript 中的 control+click

发布于04月24日

I need to know if the user is clicking or CONTROL CLICKING a div element.. i have seen examples on how to do it using event listeners.. but my codes are already set in place, and is using an on-element onclick method..

HTML

 <div id='1' onclick='selectMe()'>blah</div>

 function selectMe(){
         //determine if this is a single click, or a cntrol click 
    }

...还想知道是鼠标左键还是右键点击.

推荐答案

2021 UPDATE: There are better ways to do this now. Please be sure to check out the other answers个

I'd recommend using JQuery's keyup and keydown methods on the document, as it normalizes the event codes, to make one solution crossbrowser.

对于右键点击，你可以使用oncontextmenu，但是要注意它在IE8中可能有缺陷.请参见此处的兼容性图表:

http://www.quirksmode.org/dom/events/contextmenu.html

<p onclick="selectMe(1)" oncontextmenu="selectMe(2)">Click me</p>

$(document).keydown(function(event){
    if(event.which=="17")
        cntrlIsPressed = true;
});

$(document).keyup(function(){
    cntrlIsPressed = false;
});

var cntrlIsPressed = false;


function selectMe(mouseButton)
{
    if(cntrlIsPressed)
    {
        switch(mouseButton)
        {
            case 1:
                alert("Cntrl +  left click");
                break;
            case 2:
                alert("Cntrl + right click");
                break;
            default:
                break;
        }
    }


}