1。event.preventdefault();
注:A要素のジャンプのデフォルトイベント、
デフォルトイベントのボタン、ラジオ、その他のフォーマット要素、
Div要素にはデフォルトのイベントがありません
例:
次のようにコードコードをコピーします。
<a href = "http://www.baidu.com"ターゲット= "_ black"> baidu </a>
次のようにコードコードをコピーします。
var samp = document.getElementByTagname( "a");
samp.addeventlistener( "click"、function(e){e.preventdefault()}、false);
説明:リンクをクリックすると、通常の状況でジャンプが発生しますが、デフォルトのイベント、つまりジャンプインシデントを防ぎ、バイドゥにジャンプしません。
2。event.stoppropagation();
注:ネストされた要素には一般的に泡立ったインシデントがあり、それがいくつかの効果をもたらします
例:
次のようにコードコードをコピーします。
<div id = "c1" onclick = "alert(1)">
<div id = "c2" online = "alert(2)">
<入力型= "ボタン" id = "c3" value = "クリック" onclick = "alert(3)">
</div>
</div>
ここでボタンをクリックすると、3,2,1がポップアップします簡単なテスト、ボタンと彼の父親レベルがプロジェクト開発で同時に重要な事件に縛られている場合、結果はひどいものになると想像してください。現時点での処理方法は、泡立ちを防ぐことです。
バブルインシデントを防ぎながら、クリックインシデントを入力に登録します
次のようにコードコードをコピーします。
document.getElementById( 'c3')addeventlistener( 'click'、function(e){e.stoppropagation()}、false);
わかりました!交差点交差点なれ
PS:JSインシデントのオンラインクエリツールをお勧めします。
JavaScriptイベントと関数の説明Daquan:
http://tools.vevb.com/table/javascript_event