javascript – onmousedown – 左还是右？

首先,我不是在寻找jquery解决方案,只是简单的纯javascript代码,在元素内部.

假设我们有以下html代码：

< select onm ousedown =“???”> …< / select>

我想在元素内部使用一个简单的脚本来显示弹出消息alert(),其中包含按下按钮的信息以及元素与文档< body>的相对位置. – 像jquery中的offset().

解决方法:

使用某个名称创建一个JavaScript函数,然后在传递事件的onmousedown事件上调用它,并在函数内部使用此对象.

HTML

<select onm ousedown="onMouseDown(event, this)">...</select>

JS

function onm ouseDown(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 onm ousedown="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>

标签：jquery,javascript,javascript-events,html,onmousedown
来源： https://codeday.me/bug/20190613/1234187.html