キャンセルイベントフロー（cancelBubbleとstopPropagation） - 小池啓仁 ヒロヒト応援ブログ By はてな
前回は、イベントキャンセルのreturnValueとpreventDefaultでしたが、今回はイベントフローのキャンセルです。 イベントキャンセルがイベントのデフォルト処理をキャンセルするのに対して、イベントフローキャンセルは、イベントが要素の階層毎とにフローしてくのをキャンセルします。 以下は、たとえば、『短い』をクリックするとイベントがdanraku, midashi, bodyとフローしていくのが分かります。 そして、コメントにしてある、cancelBubble（IE) または stopPropagation（Firefox系） を生きにするとフローしなくなるのが確認できます。 <html> <body onclick="bodyClicked(event.target || window.event.srcElement)"> <div onclick="midashiClick
jmblog.jp - preventDefault() と stopPropagation()
先日公開した「投稿スラッグ（Post slug）が空白なら警告してくれるWordPress用Greasemonkeyスクリプト」を開発しているときに、JavaScriptでのイベントのキャンセルまわりで見事にハマってしまいました。そのときに調べてわかったことをまとめてみようと思います。（間違いがあれば是非ご指摘ください！） やりたかったこと WordPressの投稿画面で「公開（Publish）」ボタンをクリックしたときに、「投稿スラッグ（Post slug）」のテキストボックスに値が入っていなければ、確認ダイアログを出す。そこで「キャンセル」ボタンが押されたら、フォームの submit を中止する。 最初に思いついた方法 まず頭に浮かんだのは、submit ボタンに対して HTML でイベントハンドラを記述するという、とても古典的な方法でした。
新JavaScript例文辞典
説明 イベントの伝達を停止するにはstopPropagation()を使います。Internet Explorerの場合はstopPropagation()がありませんが、イベントの伝達を停止するには「event.cancelBubble = true;」とします。 サンプルプログラム <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html lang="ja"> <head> <meta http-equiv="content-type" content="text/html;charset=utf-8"> <title>Sample</title> <link rel="stylesheet" href="css/main.css" type="text/css" media="all"> <script
DOM要素（＜div＞タグ）をJavaScriptで削除する｜JavaScriptプログラムメモ｜プログラムメモ
DOM要素をJavaScriptで削除するには次のようにします。 次のような html 構造になっている場合 <div id="hoge"> <div id="aaa">テストA</div> <div id="bbb">テストB <div id="ccc">テストC </div> id="hoge" を削除するには _delete_dom_obj('hoge'); function _delete_dom_obj( id_name ){ var dom_obj=document.getElementById(id_name); var dom_obj_parent=dom_obj.parentNode; alert('ID: '+dom_obj.getAttribute('id')+' を削除します'); dom_obj_parent.removeChild(dom_obj); } 子要素
atpages.jp - このウェブサイトは販売用です！ - atpages リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
