js鼠標移動、鼠標按下、鼠標釋放和點擊事件。

時間 2021-04-04

標籤對象事件文檔 get function class cli sed 欄目 JavaScript 简体版

原文原文鏈接

鼠標移動：mousemove對象

鼠標按下：mousedown事件

鼠標釋放：mouseupip

點擊事件：click文檔

<body>get

<div class="box"></div>io

<script>function

　　var box=document.getElementById("box");class

　　box.onmousedown=function(e){cli

　　　box.innerHTML="x的位置"+e.clientX+"y的位置"+e.clientYsed

　　}

　　box.onmouseup=function(e){

　　　box.innerHTML="x的位置"+e.clientX+"y的位置"+e.clientY

　　}

　　box.onmousemove=function(e){

　　　box.innerHTML="x的位置"+e.clientX+"y的位置"+e.clientY

　　}

　　box.onclick=function(e){

　　　box.innerHTML="x的位置"+e.clientX+"y的位置"+e.clientY

　　}

//當鼠標按下，鼠標釋放，和點擊事件同時執行的時候，系統依次執行鼠標按下、鼠標釋放、鼠標點擊。

//獲取X、Y的位置有兩種方法。

1. e.clientX e.clientY 此方法是按照窗口左上角爲原點進行獲取的。

2. e.pageX e.pageY 此方法是按照文檔左上角爲原點進行獲取的。

</script>

</body>

事件委託：將子元素將要執行的事件委託給父元素，父元素執行事件時，經過事件對象，來判斷是哪一個子元素觸發的事件。

事件冒泡：事件由內部向外部傳播，外層若是有相同的事件，也會觸發

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。