个人中心
文章发布
退出
作者热门文章
- Java 双重比较
- java - 比较器与 Apache BeanComparator
- Objective-C 完成 block 导致额外的方法调用？
- database - RESTful URI 是否应该公开数据库主键？
27
4
首先，我不是在寻找 jQuery 解决方案，只是在元素内部寻找简单的纯 Javascript 代码。
假设我们有以下 html 代码:
<select onmousedown=" ??? ">...</select>
我想要元素内部的一个简单脚本来显示弹出消息 alert()包含按下哪个按钮以及元素与文档的相对位置的信息 <body> - 类似于 offset()在 jQuery 中。
最佳答案
创建一个具有某个名称的 JavaScript 函数，然后在传递 event 和 this 对象的 onmousedown 事件上调用它，可以在功能。
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>
关于javascript - onmousedown - 左还是右？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/9355019/
27
4
0
在我的一个项目中，onmousedown 事件在本应触发单独 JavaScript 文件中的函数时似乎没有执行任何操作。 我尝试将 onmousedown 和 onClick 合并到一个小测试文件中的
如何在 JavaScript 中创建 onmousedown 的函数在特定元素中执行此操作: document.getElementById('KeyOfC').play(); 和 mouseup执行
我在 Arduino 中使用了这段代码，但我不知道这个 onmousedown 是如何工作的以及这段代码中 location.href=/?off13 的含义: client.println("");
关闭。这个问题是not reproducible or was caused by typos .它目前不接受答案。 此问题是由拼写错误或无法再重现的问题引起的。虽然类似的问题可能是 on-topic
我在工作中使用 React，我们使用 Google Charts 来展示一些数据。现在显示数据工作正常。它是一堆数据点，可以通过选中一些复选框来过滤。 当您单击复选框时，将重新评估整个数据集，以便删除
在我的 html 中有 #map { width: 100%; height: 100%; background-color: #CCC; } 它会动态填充多个 div，如下
我试图在单击不同的多边形时显示不同的图形。但是该函数在页面加载时执行，即使我将其定义为 .onmousedown。这是函数 function iscrtaj(data, arg) { aler
我正在处理 mousedown 和 oncontextmenu 事件以防止文本和图像选择、右键单击和拖动。代码如下—— 我想问题是它也阻止了对输入元素的关注，因为我阻止了 onmouse
testing
我有以下内容: document.onmousemove = getCursorXY; function getCursorXY(e) {
我想要在用户连续按住鼠标按钮时用户鼠标的位置？ 我尝试使用以下代码: $(div).mousedown(function(eventObj){ console.log(eventObj.cli
首先，我不是在寻找 jQuery 解决方案，只是在元素内部寻找简单的纯 Javascript 代码。 假设我们有以下 html 代码: ... 我想要元素内部的一个简单脚本来显示弹出消息 alert(
当我在对象检查器/事件选项卡中单击 OnMouseDown 时，我有一个形状。我想让它执行“SelectMessage”程序，但它没有显示为一个选项。另外，如果我手动输入“SelectMessage”
我想在鼠标按下时更改子元素的索引，但不中断单击事件。这可能吗？ function mouseDownHandler(event) { var p = event.currentTarget.
我的应用程序中有以下使用 Bootstrap 选项卡的弹出窗口: 反馈选项卡有几个子选项卡，我添加了功能，以便您可以在溢出的子选项卡(左侧和右侧)之间滚动。以下是我实现该功能的方法 (ReactJS)
所以我按照这段代码在我的绘画程序中实现旋转功能: http://jsfiddle.net/QqwKR/412/ 但是，图像 img 不会加载，而是显示一个黄色填充的矩形。 此外，当我添加旋转功能时，代
我试图在单击 Canvas 时和按下某个键时执行两种不同的操作，但似乎两者不能同时完成。即使功能完全不相关，有没有办法做到这一点？ canv.onmousedown = function() { co
当鼠标向下和向上时，我可以获得鼠标坐标 private void panel2_MouseDown(object sender, MouseEventArgs e) { mouseClic
我有一个矩形，我正在尝试使用 javascript 移动它。我可以使用函数让它左右移动，但是当我按住鼠标时它不会继续移动。这是我的 html 代码: LEFT RIGHT 这是我的 JavaScrip
我正在使用 html5 canvas 制作一个绘图应用程序。我正在尝试使用 OOP 并避免所有全局变量。我有一个 PainLab 类(class)和一个绘图类(class) var PaintLab
我是一名优秀的程序员,十分优秀！