作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
<body>
<button id ="b1">BUTTON</button>
</br>
<p id="text"> </p>
<script type="text/javascript">
document.getElementById("b1").onmouseout = reset_button;
document.getElementById("b1").onmousedown = mousedown_button;
document.getElementById("b1").onmouseover = mouse_over;
document.getElementById("b1").onmousemove = mouse_move;
document.getElementById("b1").onclick = click_button;
function reset_button() {
document.getElementById("text").innerHTML =
"mouseout";
}
function mousedown_button() {
document.getElementById("text").innerHTML =
"mousedown";
}
function click_button() {
document.getElementById("text").innerHTML =
"click";
}
function mouse_over() {
document.getElementById("text").innerHTML =
"mouseover";
}
function mouse_move() {
document.getElementById("text").innerHTML =
"mousemove";
}
</script>
</body>
我想在按下按钮时打印 mouseout、mousedown、mouseover、mousemove 和 onlick。然而,我编写的这段代码只打印 mouseover、mousedown 和 mouseout。有人可以解释哪一部分是错误的以及如何修复它吗?
最佳答案
您的文本被覆盖,请在此处查看控制台输出:
更新:简化的代码
(向小外星人致敬)
['mouseout', 'mousedown', 'mouseover', 'mousemove', 'click'].forEach(
ev_name =>b1.addEventListener(ev_name, e => console.log(ev_name)))
<button id="b1">BUTTON</button>
关于javascript - 如何在Javascript中打印点击事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37884116/
我是一名优秀的程序员,十分优秀!