如何从onclick div属性中检测Javascript中的控件点击?

我需要知道用户是否点击或控制点击div元素..
我已经看到有关如何使用事件监听器的例子,但是我的代码已经设置到位,并且正在使用on-element onclick方法

HTML

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

JS

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

…也很想知道是否是左键或右键单击。

解决方法

我建议在文档上使用JQuery的keyup和keydown方法,因为它规范化事件代码,使一个解决方案成为交叉浏览器。

对于右键单击,您可以使用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;
        }
    }


}

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效