私はブックマークレットを作りたいと思います。それを押すと、ページ上のすべての要素がonclickイベントを取得し、その要素をパラメータとして、または少なくとも要素id/class/somethingの要素を呼び出すことが可能ですか?その場合、どうすればいいのですか?ページ上のすべての要素にonclickイベントを追加するブックマークレット?
-1
A
答えて
2
click
気泡。だから、<body>
に結合し、イベント要素のtarget
が何であるかをチェック(あなたはIEが他の皆は異なっているの周りに取得するためにイベントの正規化のビットを行う必要があります。)
event.target
は、実際のDOM要素でありますその時点でフィルタリングしたいものをフィルタリングすることができます。
これは、ページ上の要素の数に関係なく、すべてのイベントハンドラを1つだけ必要とするという利点があります。 (これは、数百または数千の要素を含むページでパフォーマンスが向上することを意味します)。
0
javascript:void(document.body.onclick = function (event) { event = event || window.event; var element = event.target || event.srcElement; alert(element.textContent) })
関連する問題
- 1. CKEDITORの要素にonclickイベントを追加できますか?
- 2. SVG要素にonclickイベントを追加する
- 3. 要素のonclickイベントをすべて削除する
- 4. 反応を使ってグループ要素(svg)にonClickイベントを追加する
- 5. 最後の要素でのみ動作する新しいhtml要素にonclickイベントを追加する
- 6. ajax onclickを使用したページ要素へのHTMLの追加
- 7. html要素にイベントを追加する
- 8. ページ上で動的生成要素にクラスを追加する
- 9. ページ上のすべてのボタンにマウスオーバーを追加する
- 10. 別のonClickイベントを追加する必要があります
- 11. onclickイベントをリストオプションに追加する
- 12. jclery.each()にonclickイベントを追加する
- 13. Html.RadioButtonにOnClickイベントを追加する
- 14. 動的にロードされたdiv要素にonClickイベントを追加します。
- 15. 追加された要素のVueJS onclick
- 16. jqueryは、ページ内のすべての要素にフォーカスを追加します。
- 17. ページに画像を追加するonclick
- 18. Flexigridの行にonclickイベントを追加
- 19. フォーム上のすべての要素の共通イベント
- 20. Javascript htmlタグ要素にonclickを追加する
- 21. jQuery:要素のイベントへの追加
- 22. JListの各要素にmouseEnteredイベントを追加する方法
- 23. 配列の要素にイベントを追加する
- 24. jqueryグリッドのimg要素にclickイベントを追加する方法
- 25. クラスのすべての要素にaddEventHandlerを追加
- 26. 個々のcardview要素にonClickイベントを追加する方法androidのrecyclerviewにはありませんか?
- 27. Selectorator.js - ページ上のすべての非表示要素のセレクタ
- 28. クラスで要素を取得する、クラス名でページ上のすべての要素をターゲットにする
- 29. 要素を要素に追加する
- 30. ページに要素を追加して注文する