JQuery event.delegateTarget用法及代碼示例

jQuery中的event.delegateTarget屬性用於返回附加了currently-called jQuery事件處理程序的元素。

用法:

event.delegateTarget

參數：

event：這是必需參數，並且此事件參數來自事件綁定函數。

例：

<!DOCTYPE html> 
<html> 
  
<head> 
    <title> 
      jQuery event.currentTarget Property 
  </title> 
    <script src= 
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"> 
  </script> 
    
  <script> 
        $(document).ready(function() { 
            $("div").on("click", "button", 
                        function(event) { 
                $(event.delegateTarget).css( 
                  "background-color", "green"); 
            }); 
        }); 
    </script> 
</head> 
  
<body> 
    <center> 
        <div> 
            <h1>GeeksForGeeks</h1> 
            <h2 id="geeks2"> 
              jQuery event.currentTarget Property 
          </h2> 
            <button>Click</button> 
        </div> 
    </center> 
</body> 
  
</html>

輸出：

點擊之前：

單擊後：

相關用法

注：本文由純淨天空篩選整理自SHUBHAMSINGH10大神的英文原創作品 jQuery | event.delegateTarget Property。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。