如何在Javascript中打印单击事件 按钮 document.getElementById(“b1”).onmouseout=reset_按钮; document.getElementById(“b1”).onmousedown=mousedown\u按钮; document.getElementById(“b1”).onmouseover=mouse\u over; document.getElementById(“b1”).onmousemove=mouse\u move; document.getElementById(“b1”).onclick=单击按钮; 功能复位按钮(){ document.getElementById(“文本”).innerHTML= “鼠尾”; } 函数mousedown_按钮(){ document.getElementById(“文本”).innerHTML= “鼠标镇”; } 函数单击按钮(){ document.getElementById(“文本”).innerHTML= “点击”; } 函数鼠标悬停(){ document.getElementById(“text”).innerHTML= “鼠标盖”; } 功能鼠标_move(){ document.getElementById(“text”).innerHTML= “鼠标移动”; }
我想打印mouseout、mousedown、mouseover、mousemove,并在按下按钮时单击。然而,我编写的这段代码只打印mouseover、mousedown和mouseout。有人能解释一下哪一部分是错误的,以及如何修复它吗 您的文本被覆盖,请参见此处的控制台输出: 更新:简化代码 (小外星人的荣誉)如何在Javascript中打印单击事件 按钮 document.getElementById(“b1”).onmouseout=reset_按钮; document.getElementById(“b1”).onmousedown=mousedown\u按钮; document.getElementById(“b1”).onmouseover=mouse\u over; document.getElementById(“b1”).onmousemove=mouse\u move; document.getElementById(“b1”).onclick=单击按钮; 功能复位按钮(){ document.getElementById(“文本”).innerHTML= “鼠尾”; } 函数mousedown_按钮(){ document.getElementById(“文本”).innerHTML= “鼠标镇”; } 函数单击按钮(){ document.getElementById(“文本”).innerHTML= “点击”; } 函数鼠标悬停(){ document.getElementById(“text”).innerHTML= “鼠标盖”; } 功能鼠标_move(){ document.getElementById(“text”).innerHTML= “鼠标移动”; },javascript,html,events,button,onclick,Javascript,Html,Events,Button,Onclick,我想打印mouseout、mousedown、mouseover、mousemove,并在按下按钮时单击。然而,我编写的这段代码只打印mouseover、mousedown和mouseout。有人能解释一下哪一部分是错误的,以及如何修复它吗 您的文本被覆盖,请参见此处的控制台输出: 更新:简化代码 (小外星人的荣誉) ['mouseout','mousedown','mouseover','mousemove','click']( ev_name=>b1.addEventListener(ev
['mouseout','mousedown','mouseover','mousemove','click'](
ev_name=>b1.addEventListener(ev_name,e=>console.log(ev_name)))
按钮
您的文本被覆盖,请参见此处的控制台输出:
更新:简化代码
(小外星人的荣誉)
['mouseout','mousedown','mouseover','mousemove','click'](
ev_name=>b1.addEventListener(ev_name,e=>console.log(ev_name)))
按钮
以下是您尝试执行的操作的简明版本。只有3行代码
['mouseout','mousedown','mouseover','mousemove','click'](
ev_name=>b1.addEventListener(ev_name,e=>b1.innerHTML+=“”+ev_name))
单击我
以下是您尝试执行的操作的简明版本。只有3行代码
['mouseout','mousedown','mouseover','mousemove','click'](
ev_name=>b1.addEventListener(ev_name,e=>b1.innerHTML+=“”+ev_name))
单击我
mousemove和mouseover事件相互干扰,请尝试删除mousemove事件
<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>
按钮
document.getElementById(“b1”).onclick=单击按钮;
document.getElementById(“b1”).onmouseout=reset_按钮;
document.getElementById(“b1”).onmousedown=mousedown\u按钮;
document.getElementById(“b1”).onmouseover=mouse\u over;
功能复位按钮(){
document.getElementById(“文本”).innerHTML=
“鼠尾”;
}
函数mousedown_按钮(){
document.getElementById(“文本”).innerHTML=
“鼠标镇”;
}
函数单击按钮(){
document.getElementById(“文本”).innerHTML=
“点击”;
}
函数鼠标悬停(){
document.getElementById(“text”).innerHTML=
“鼠标盖”;
}
mousemove和mouseover事件相互干扰,请尝试删除mousemove事件
<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>
按钮
document.getElementById(“b1”).onclick=单击按钮;
document.getElementById(“b1”).onmouseout=reset_按钮;
document.getElementById(“b1”).onmousedown=mousedown\u按钮;
document.getElementById(“b1”).onmouseover=mouse\u over;
功能复位按钮(){
document.getElementById(“文本”).innerHTML=
“鼠尾”;
}
函数mousedown_按钮(){
document.getElementById(“文本”).innerHTML=
“鼠标镇”;
}
函数单击按钮(){
document.getElementById(“文本”).innerHTML=
“点击”;
}
函数鼠标悬停(){
document.getElementById(“text”).innerHTML=
“鼠标盖”;
}
尝试使用console.log('name')
而不是innerHTML,因为调用它可能只是得到覆盖,而不是其他东西。Console.log将附加到控制台,以便您能够查看所有内容;在你的函数中,谢谢你的例子。我很高兴看到JS与HTML必要分离的最终演示。哦,我不知道控制台方法。谢谢:)尝试使用console.log('name')
而不是innerHTML,因为调用它可能只是得到覆盖,而不是其他东西。Console.log将附加到控制台,以便您能够查看所有内容;在你的函数中,谢谢你的例子。我很高兴看到JS与HTML必要分离的最终演示。哦,我不知道控制台方法。谢谢:)我喜欢你的方法并相应地更新了我的答案我喜欢你的方法并相应地更新了我的答案