个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
24
4
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>testing</title>
</head>
<body>
<input type="checkbox" id="test">
<script>
var t = document.getElementById("test");
t.onmousedown = function(e) {
if (e.button === 0)
t.checked = true;
else if (e.button === 2)
t.checked = false;
alert(e.button);
}
</script>
</body>
</html>
如果我将 alert(e.button); 行保留在原来的位置，则单击复选框的行为将按预期进行:所有左键单击都会选中该复选框，而所有右键单击都会取消选中该复选框。
如果我删除代码alert(e.button);，那么突然间，左键单击将选中该复选框，然后立即取消选中该复选框，而右键单击将不会执行任何操作但打开上下文菜单。
为什么会发生这种情况？我该怎么做才能使它像我在第一段中描述的那样运行，但没有 alert(e.button);？
最佳答案
您可以尝试将点击事件分离为 onlick (左键单击)和 oncontextmenu (右键单击)。另请记住 return false; 以防止显示内容菜单。
var t = document.getElementById("test");
t.onclick = function(e) {
t.checked = true;
}
t.oncontextmenu = function(e){
t.checked = false;
return false;
}
<html>
<head>
<meta charset="utf-8">
<title>testing</title>
</head>
<body>
<input type="checkbox" id="test">
</body>
</html>关于javascript - onmousedown 事件对象行为异常，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/42569722/
24
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
我是一名优秀的程序员,十分优秀！