gpt4 book ai didi

javascript - 使用 javascript 鼠标中键单击(无 jQuery)

转载 作者:行者123 更新时间:2023-11-29 22:17:15 25 4
gpt4 key购买 nike

我正在使用 this在中间鼠标点击时隐藏 div 的解决方案,但现在我需要将它包含在一个没有 jQuery 可用(而且永远不会)的普通调试脚本中。

我如何编写该事件并使用纯 javascript 进行绑定(bind)?

我在谷歌和 SO 上搜索,但我只找到了有效的脚本,所有这些脚本都是基于 jQuery 的。


最终代码:

<script type="text/javascript">
function hideOnMiddle(event) {
if ('which' in event) {
if( event.which == 2 ) {
document.getElementById('test').style.display = 'none';
}
}
}
</script>
<div id="test" onmousedown="hideOnMiddle(event);">Hide me with middle mouse button</div>

最佳答案

看看这个:http://help.dottoro.com/ljwcseaq.php (示例 HTML 代码 3)(jsFiddle)

<head>
<script type="text/javascript">
function WhichButton (event) {
// all browsers except IE before version 9
if ('which' in event) {
switch (event.which) {
case 1:
alert ("Left button is pressed");
break;
case 2:
alert ("Middle button is pressed");
break;
case 3:
alert ("Right button is pressed");
break;
}
}
else {
// Internet Explorer before version 9
if ('button' in event) {
var buttons = "";
if (event.button & 1) {
buttons += "left";
}
if (event.button & 2) {
if (buttons == "") {
buttons += "right";
}
else {
buttons += " + right";
}
}
if (event.button & 4) {
if (buttons == "") {
buttons += "middle";
}
else {
buttons += " + middle";
}
}
alert ("The following buttons are pressed: " + buttons);
}
}
}
</script>
</head>
<body>
<div onmousedown="WhichButton (event);">Press a mouse button over this text!</div>
</body>

关于javascript - 使用 javascript 鼠标中键单击(无 jQuery),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14435595/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com