jquery 的target屬性

顯示哪個 DOM 元素觸發了事件:

$("p, button, h1, h2").click(function(event){
  $("div").html("Triggered by a " + event.target.nodeName + " element.");
});

target 屬性規定哪個 DOM 元素觸發了該事件。


<html>

<head>

<script type="text/javascript" src="/jquery/jquery.js"></script>

<script type="text/javascript">

$(document).ready(function(){

  $("p, button, h1, h2").click(function(event){

    $("div").html("點擊事件由一個 " + event.target.nodeName + " 元素觸發");

  });

});

</script>

</head>


<body>

<h1>這是一個標題</h1>

<h2>這是另一個標題</h2>

<p>這是一個段落</p>

<button>這是一個按鈕</button>

<p>標題、段落和按鈕元素定義了一個點擊事件。如果您觸發了事件,下面的 div 會顯示出哪個元素觸發了該事件。</p>

<div></div>

</body>

</html>


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章