如下代码:onmousedown之后为什么内部的onmousemove可以一直触发?

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>无标题文档</title>

<style>

#div1 {width: 100px; height: 100px; background: red; position: absolute;}


</style>

<script>

window.onload = function() {


var oDiv=document.getElementById("div1");


oDiv.onmousedown=function(){//onmousedown之后为什么内部的onmousemove可以一直触发?后面的onmousemove函数作用域是在onmousedown函数内部的,我认为应该每次鼠标按下onmousedown的时候才能使onmousemove的函数起作用啊?

    console.log("onmousedown成功");

    oDiv.onmousemove=function(){

    console.log("onmousemove成功");    

    }

    

}

}

</script>

</head>


<body>


<div id="div1"></div>

</body>

</html>


噜噜哒
浏览 1693回答 2
2回答

子衿沉夜

这是浏览器的事件系统,oDiv.onmousemove=function(){&nbsp; console.log("onmousemove成功");&nbsp; &nbsp;&nbsp;}这是给oDiv绑定了这个鼠标移动的事件。在你没解绑之前,只要在odiv这个元素上移动鼠标都会触发console.log("onmousemove成功")
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript