JavaScript mouseup 事件

admin發表於2018-10-29
JavaScript事件

當滑鼠按鍵被鬆開時會觸發此事件。

關於事件處理函式註冊，可以參閱如何註冊事件處理函式一章節。

瀏覽器支援:

（1）.IE瀏覽器支援此事件。

（2）.edge瀏覽器支援此事件。

（3）.火狐瀏覽器支援此事件。

（4）.Opera瀏覽器支援此事件。

（5）.谷歌瀏覽器支援此事件。

（6）.safria瀏覽器支援此事件。

程式碼例項:

[HTML] 純文字檢視 複製程式碼執行程式碼
<!DOCTYPE html>  
<html>  
<head>  
<meta charset=" utf-8">  
<meta name="author" content="http://www.softwhy.com/" />  
<title>螞蟻部落</title> 
<style type="text/css">
#ant{
  width:100px;
  height:100px;
  line-height:100px;
  text-align:center;
  background-color:green;
}
</style>  
<script>  
window.onload=function(){
  let odiv = document.getElementById("ant");
  odiv.onmouseup = function () {
    this.innerHTML = "螞蟻部落";
  }  
}  
</script>  
</head>  
<body>
  <div id="ant"></div>
</body>  
</html>

滑鼠按鍵在div中鬆開後，會觸發mouseup事件，並將指定字串寫入div。

相關文章