クリックした要素を取得したくて、格闘したので、備忘録。
調べたら案外簡単に出てきました。
構文
event.target.innerHTML
event.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<script src="event.js"></script>
<title>Document</title>
</head>
<body>
<p onclick="getText()">イベント1</p>
<p onclick="getText()">イベント2</p>
<p onclick="getText()">イベント3</p>
</body>
</html>
event.js
function getText() {
var eventText = event.target.innerHTML;
alert(eventText);
}
これで問題なく動くのですが、エディタの方では、eventの表記がなされ、「eventは非推奨です」と出ちゃいます。動くのでよしとしてますが、なんか気持ち悪い、、
あと、タグすべてにonclickイベント書かないといけないのもめんどくさい。
なんとかならないですかね、、