私は "Inbox"リンクのコピーを作成する必要があるgmail用のgreasemonkeyスクリプトに取り組んでいます。 cloneNodeの使用は問題ありませんが、実行時にonclickイベントがアタッチされていると思います。したがって、これは2つの部分からなる質問です。 1.ノードにどのイベントが接続されているかを確認する方法はありますか? 2.これらのイベントをコピーする方法はありますか? 私が見つけた最も近いものはjQueryで、私はまだそこに行く準備ができていません。 ありがとう!javascript cloneNodeイベント
1
A
答えて
5
- 要素の
onclick
属性を使用して設定されている場合を除きます。 - 信頼性がありません(
onclick
属性をコピーできますが、それが動作するかどうかは、その属性が使用されているかどうかによって異なります)。
あなた自身のclick
ハンドラを追加して、元のイベントをトリガする方がよいでしょう。他の方法で動作をシミュレートしてください。
0
私たちは、この理論を用いてこのようなものを解決することができると思います。
我々はまた、liveLists呼ばれ、JSでのNodeListを持っています。長さが変わるたびに、(length-1)のリスト内の新しい要素に必要な共通イベントをaddEventで確認できます。何と言う
....
0
はここでイベントを追加するためのノードリストを使用した例です。
<body>
<div id="one" class="clones" style="background:red;width:100px;height:100px"></div>
</body>
<script>
//Selecor based live list [Advantage]
var nodeList = document.getElementsByClassName('clones')
//Common Function for nodelist
nodeList.addEvents = function(){
nodeList.item(nodeList.length-1).addEventListener('click',function(){
console.log(this.id);
});
}
nodeList.addEvents();
//Making Clone
var _clone = document.getElementsByTagName('div')[0].cloneNode(true);
//Changing Id
_clone.id="two"
document.body.appendChild(_clone);
nodeList.addEvents();
</script>
関連する問題
- 1. javascriptのcloneNodeに関する問題
- 2. JavaScript - cloneNodeは異なる結果を返します
- 3. cloneNode(true)を使用した後に正しいJavascriptイベントを維持する方法
- 4. React cloneNode - コピーを作成
- 5. cloneNodeをエラーするとマッピング関数のマイ流星プロジェクトSESSION SETアレイリターンcloneNodeをエラーで流星
- 6. JavascriptイベントへのCreateJSイベント
- 7. JavaScriptのイベント
- 8. Javascript Textboxイベント
- 9. フォームjavascript submitイベント
- 10. javascript onended audioイベント
- 11. Javascriptイベント同期
- 12. Javascriptイベントkeypress
- 13. Javascript ManualResetイベント
- 14. IE onpaste JavaScriptイベント
- 15. Javascript oncloseイベント
- 16. OO Javascript - イベント
- 17. ドラッグアンドドロップのJavaScriptイベント
- 18. イベントArgumensはJavaScript
- 19. Javascript onkeyupイベント
- 20. javascript select inputイベント
- 21. javascriptイベント処理
- 22. のjavascriptイベント
- 23. Javascript on throwイベント?
- 24. javascriptイベント処理
- 25. JavascriptイベントOnclick
- 26. selectOneRadioのjavascriptイベント
- 27. セカンダリJavaScriptイベントのキャンセル
- 28. JavaScriptのATL COMイベント
- 29. Javascriptのカスタムonreadイベント
- 30. webview javascriptイベント通知
私はクリックイベントをシミュレートすると考えましたが、私はそれを行う信頼できる方法を見つけることができません。 – PBG
https://developer.mozilla.org/en/DOM/element.dispatchEvent – Shog9
これは私が探していたものです!元のノードでもクリックを送信できます。 ありがとうございます! – PBG