jQuery event.currentTarget

admin發表於2017-02-19

此屬性可以返回註冊事件處理函式的元素物件。

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

語法結構:

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

如果使用jQuery.proxy或另一種形式操作作用域,this將等於所提供的context,而不是event.currentTarget。

jQuery1.3版本新增。

程式碼例項:

[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.currentTarget).css("background-color", "blue");
    $(ev.target).css("width", "400px");
  })  
})
</script> 
</head> 
<body> 
<div id="wrapper"> 
  <div id="inner"></div> 
</div> 
</body> 
</html>

由以上程式碼的表現可以看出event.currentTarget返回的是一個DOM元素,並且是註冊事件處理函式的那個DOM元素,與它不同的是,event.target屬性返回的是觸發事件的DOM元素。

相關文章