jQueryのターゲット属性


  翻訳結果:

target

UK[ˈtɑ:gɪt] US[ˈtɑ:rgɪt]

n. ターゲット; 目的; (サービス) オブジェクト; (射撃) ターゲット

vt. 狙いを定め、... を攻撃目標として捉えます

jQueryのターゲット属性構文

関数:target 属性は、イベントをトリガーした DOM 要素を指定します。

構文: event.target

パラメータ:

パラメータ説明
イベント 必須。チェックする必要があるイベントを指定します。イベント パラメーターはイベント バインディング関数から取得されます。

jQueryのターゲット属性例

<html>
<head>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.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>
インスタンスの実行 »

[インスタンスの実行] ボタンをクリックしてオンライン インスタンスを表示します

人気のおすすめ

ホームページ

ビデオ

に質問