jmblog.jp - preventDefault() と stopPropagation()

先日公開した「投稿スラッグ（Post slug）が空白なら警告してくれるWordPress用Greasemonkeyスクリプト」を開発しているときに、JavaScriptでのイベントのキャンセルまわりで見事にハマってしまいました。そのときに調べてわかったことをまとめてみようと思います。（間違いがあれば是非ご指摘ください！） やりたかったこと WordPressの投稿画面で「公開（Publish）」ボタンをクリックしたときに、「投稿スラッグ（Post slug）」のテキストボックスに値が入っていなければ、確認ダイアログを出す。そこで「キャンセル」ボタンが押されたら、フォームの submit を中止する。 最初に思いついた方法 まず頭に浮かんだのは、submit ボタンに対して HTML でイベントハンドラを記述するという、とても古典的な方法でした。

[watanata2000]

preventDefault() stopPropagation 分かりやすいかも

[sakuragaoka]

JSのイベント無効化でハマったときに

[nooby_noob]

jsでのイベントキャンセル方法

[tomo_thumb]

マウスイベント処理などに

[hirafoo]

preventDefault

[moruzo15]

Event.stopPropagation()とpreventDefault()

[tuki0918]

　preventdefault　と　return false の違いがよくわかってない

[Chisei]

eventを調べていてここに行き着いた。参考になった。

[hyu-ruri]

stoppropagation クリックイベントを渡さない時等

[nilab]

jmblog.jp – preventDefault() と stopPropagation() : JavaScriptでのイベントのキャンセルまわり

[yuhei_kagaya]

preventDefault()でイベントをキャンセル。stopPropagation()でイベントの伝播を途中で停止する。IEは効かないので注意。代わりにevent.returnValue = false;でキャンセルevent.cancelBubble = true;で伝播停止。

[tyru]

Event.preventDefault()でonclickとかのイベントをキャンセルできる。あとIEはイベント伝播の仕方がFirefoxとかOperaと逆でEvent.preventDefault()に対応してない。

[yamadar]

おお。これはためになる。

[koichi0814]

JavaScriptでイベントのキャンセル

[AmaiSaeta]

Event.preventDefault(): イベントのキャンセルを通知 Event.stopPropagation(): イベントの伝搬を抑止

[manji6]

preventDefaultとかとか

[boyasan]

ややこしい

[kzms2]

JavaScriptでのイベントのキャンセルまわりについて。「イベントキャプチャリング方式」「イベントバブリング方式」覚えるべし

[ys0000]

IEはevent.preventDefaultに非対応

[site159]

イベント系

[atomer]

”Firefox や Opera のように「上から下に」伝わっていくのを「イベントキャプチャリング方式」”とあるけど、addEventListenerの第3引数に false を指定すれば「イベントバブリング方式」で動作する。

[willnet]

preventDefault メソッドを使用するとイベントのキャンセルを通知できるため、そのイベントの結果として通常は実装により実行されるデフォルトのアクションが実行されません。

[hysa]

event伝播

[hanabi_hibana]

preventDefault()でデフォルトのイベントをキャンセルする

[asakatana]

javascript イベント伝播とそのキャンセル方法について

[efcl]

イベントの伝播、イベントキャプチャリング Event.preventDefault()とEvent.stopPropagation()の違い

[uniom]

イベントキャンセルの仕方

[Molokheiya]

JavaScriptのイベントについて

[Cherenkov]

イベント/addEventListenerするときに注意

[aki77]

event, キャンセル, イベント