イベント発生時に特定のエレメントを検索する

書式

Event.findElement(event, tagName)

event : イベントオブジェクト
tagName : タグ名

説明

イベント発生時に特定のエレメントを検索するにはEvent.findElement()を使います。最初のパラメータにはイベントオブジェクトを指定します。2番目のパラメータには検索するタグ名を指定します。

Ajaxライブラリ リファレンス

サンプルコード [実行]

<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>Sample</title>
<link rel="stylesheet" href="main.css" type="text/css" media="all">
<script type="text/javascript" src="prototype.js"></script>
<script type="text/javascript"><!--
window.onload = function (){
$("box1","box2","box3").each(function(obj) {
Event.observe(obj, "click", msg, false);
});
}
function msg(event){
var divTag = Event.findElement(event, "div");
alert(divTag.id);
}
// --></script>
</head>
<body>
<h1>イベント発生時に特定のエレメントを検索する</h1>
<div id="box1">divタグ
<p id="box2">pタグ</p>
</div>
<div id="box3">divタグ (2)</div>
</body>
</html>