首先，我不是在寻找 jQuery 解决方案，只是在一个元素内部寻找简单的纯 Javascript 代码。
假设我们有以下 html 代码：
<select onmousedown=" ??? ">...</select>
我想要元素内部的一个简单脚本来显示弹出消息alert()，其中包含按下哪个按钮以及元素与文档<body> 的相对位置的信息——类似于jQuery 中的offset()。
【问题讨论】：
:P
标签： javascript html jquery dom-events onmousedown
使用某个名称创建一个 JavaScript 函数，然后在 onmousedown 事件上调用它，传递可在函数内部使用的 event 和 this 对象。
HTML
<select onmousedown="onMouseDown(event, this)">...</select>
JS
function onMouseDown(e, obj){
e = e || window.event; //window.event for IE
alert("Keycode of key pressed: " + (e.keyCode || e.which));
alert("Offset-X = " + obj.offsetLeft);
alert("Offset-Y = " + obj.offsetTop);
}
如果你打算使用 jQuery，那么你可以使用这个脚本
$('select').mousedown(function(e){
alert("Keycode of key pressed: " + e.which);
//Inside the handler this points to the select DOM element
alert("Offset-X = " + $(this).offset().left);
alert("Offset-Y = " + $(this).offset().top);
});
更新：
如果你想要内联脚本，那么试试这个。
<select onmousedown="function(e, obj){ e = e || window.event;alert('Keycode of key pressed: ' + (e.keyCode || e.which));alert('Offset-X = ' + obj.offsetLeft);alert('Offset-Y = ' + obj.offsetTop);}(event, this);">...</select>
【讨论】：
e || window.event，因为您从侦听器传递event。
<select onmousedown=" ??? ">...</select> 代码中的???。
< ... onclick="fn(event)"> 时，在IE 中标识符event 解析为window.event，这就是传递给fn() 的内容。在 Mozilla 和其他浏览器中，它解析为处理程序的事件对象，因此它们也传递对相关事件的引用。
MouseEvent.button 在不同的浏览器中具有不同的值
MouseEvent.button == 1// means left key in ie6~ie8
MouseEvent.button == 0// means left key in ie9&others
【讨论】：
<select id="foo" onmousedown="mouseDown()">...</select>
window.captureEvents(Event.MOUSEDOWN)
window.onmousedown = mouseDown
function mouseDown(e)
{
xPos = e.screenX;
yPos = e.screenY;
alert('onmousedown foo ' + ' x:' + xPos + ' y:'+ yPos);
}
编辑
<select id="foo" onmousedown="function mouseDown(e){alert(MouseEvent.button + ' x:' + e.screenX + ' y:'+ e.screenY);}">...</select>
【讨论】：
<select onmousedown=" ??? ">...</select> 代码中的???。跨度>
在继续之前，您可能想阅读这篇文章：Javascript Madness: Mouse Events
点击一个文档会发送一个MouseEvent object，它有很多属性——例如。 MouseEvent.button 告诉您按下了哪个鼠标按钮，MouseEvent.ctrlKey 告诉您在点击发生时是否按下了控制键。
请注意，按钮并不是真正的“左”和“右”，因为它们可以通过用户偏好进行更改，您想知道它是否是主按钮（通常是左但可能是右或可能是与其他指针设备完全不同的东西）或辅助按钮（通常是正确的，但同样可以是任何东西）。
一些播放代码：
<script>
function clickDetails(e) {
e = e || window.event;
var msg = [];
for (var p in e) {
msg.push(p + ': ' + e[p]);
}
document.getElementById('msg').innerHTML = msg.join('<br>');
}
window.onload = function() {
document.getElementById('sp0').onmousedown = clickDetails;
}
</script>
<div>
<span id="sp0">click me</span>
<br>
<span id="msg"></span>
</div>
啊，什么鬼：
<select onmousedown="alert('Button: ' + event.button
+ '\nPosition: ' + this.offsetLeft
+ ',' + this.offsetTop);">
【讨论】：