LoginSignup
0
0

More than 3 years have passed since last update.

[JavaScript]クリックした要素の取得

Posted at

クリックした要素を取得したくて、格闘したので、備忘録。
調べたら案外簡単に出てきました。

構文

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イベント書かないといけないのもめんどくさい。
なんとかならないですかね、、

0
0
1

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0