我需要知道，如果用户点击或控制单击div元素..我已经看到了如何使用事件侦听器来做到这一点的例子..但我的代码已经到位设置，并使用上元素的onclick方法。 .
HTML
<div id='1' onclick='selectMe()'>blah</div>
JS
function selectMe(){
//determine if this is a single click, or a cntrol click
}
...也很想知道这是鼠标左键单击还是右键单击。
在您的处理程序中，检查window.event该属性的对象，ctrlKey如下所示：
function selectMe(){
if (window.event.ctrlKey) {
//ctrl was held down during the click
}
}
更新： 上述解决方案依赖于window 对象的专有属性，这可能不应该被指望在所有浏览器中都存在。幸运的是，我们现在有一个可以满足我们需求的工作草案，并且根据 MDN，它得到了广泛的支持。例子：
HTML
<span onclick="handler(event)">Click me</span>
JS
function handler(ev) {
console.log('CTRL pressed during click:', ev.ctrlKey);
}
2021 年更新：现在有更好的方法来做到这一点。请务必查看其他答案
我建议在文档上使用 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;
}
}
}
因为自从第一次提出这个问题已经有几年了，其他答案已经过时或不完整。
这是使用 jQuery 的现代实现的代码：
$( 'div#1' ).on( 'click', function( event ) {
if ( event.ctrlKey ) {
//is ctrl + click
} else {
//normal click
}
} );
至于检测右键单击，这是由另一位用户正确提供的，但我将在此处列出它只是为了将所有内容都放在一个地方。
$( 'div#1' ).on( 'contextmenu', function( event ) {
// right-click handler
} ) ;
当鼠标点击时ctrlKey是事件属性，可以作为 e.ctrlKey 访问。
Look down for example
$("xyz").click(function(e)){
if(e.ctrlKey){
//if ctrl key is pressed
}
else{
// if ctrl key is not pressed
}
}
试试这个代码，
$('#1').on('mousedown',function(e) {
if (e.button==0 && e.ctrlKey) {
alert('is Left Click');
} else if (e.button==2 && e.ctrlKey){
alert('is Right Click');
}
});
抱歉，我添加了e.ctrlKey。