jQuery event.delegateTarget

admin發表於2017-02-19
jQuery
此屬性可以返回註冊事件處理函式的元素物件。

經常用於處理事件冒泡相關的操作。

語法結構:

[JavaScript] 純文字檢視 複製程式碼
event.currentTarget

jQuery1.7版本新增。

功能與jQuery event.currentTarget相同。

程式碼例項:

[HTML] 純文字檢視 複製程式碼執行程式碼
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="author" content="http://www.softwhy.com/" />
<title>螞蟻部落</title>
<style type="text/css"> 
#wrapper{ 
  width:300px;
  height:300px;
  background-color:red;
  margin:0px auto;
} 
#inner{
  width:100px;
  height:100px;
  background-color:green;
  margin:0px auto;
}
</style> 
<script src="https://code.jquery.com/jquery-3.0.0.js"></script>
<script type="text/javascript"> 
$(document).ready(function(){
  $("#wrapper").click(function (ev) {
    $(ev.delegateTarget).css("background-color", "blue");
  })  
})
</script> 
</head> 
<body> 
<div id="wrapper"> 
  <div id="inner"></div> 
</div> 
</body> 
</html>

即便是點選內部的div，也會將父元素的背景顏色設定為藍色。

相關文章