【共有】return false、イベントのデフォルト動作をブロックするいくつかのテスト

3831 ワード

まずページに

</textarea> 次のイベントをバインドします<pre><code> 	test.onkeydown = function(){

return false;

}

test.onkeyup = function(){

return false;

}

test.onkeypress = function(){

return false;

}

</code></pre> 2つのイベントをそれぞれ注釈し、テストごとに1つのイベントのみをバインドします. 各関数はfalseを返します.戻り値がイベントのデフォルト動作をブロックできる場合、テキストボックスには何も入力できません. 次のテストの結果を見て、赤い部分に注意してください. 最後に私はそれぞれ2回イベントをバインドして、falseに戻るたびにデフォルトの動作を阻止できるかどうかを見ます. それともaタグを使ってonclickがfalseを返してジャンプするかどうかをテストしました. リスニングイベントはfalseを返してイベントのデフォルト動作をブロックするかどうか   chrome IE-8 firfox oper Safari onkeydown yes yes yes no yes onkeyup no no no no no onkeypress yes yes yes yes yes onclick yes yes yes yes yes keydown * 2 no 最後のFN結果をとる no no no keypress * 2 no 最後のFN結果をとる no no no click * 2 no 最後のFN結果をとる no no no e.preventDefault(); yes no yes yes(keydown:no) yes e.returnValue = false no yes no no no ブラウザの表現が確かに違うことがわかります.もちろんIEは一番面倒なものです. 最も意外なのはoperaでdownをバインドしてfalseに戻ることで、意外にもデフォルトの動作を阻止することはできません. だから後でブラウザのデフォルト動作を止めるように書くときは、標準的な方法を使ったほうがいいです.(後述) そうでなければ、多くの人が協力する仕事では、かなり面倒になります. プレゼンテーションのページに必要なものがあればメールしてください.私は貼りません.<pre><code> /*</code></pre> <pre><code> * 用下面的代码就不会发生悲剧了

* 最终结论

* E(e).stop(); 阻止时间冒泡

* E(e).prevent();阻止时间默认行为

var E = function(e){

e = window.event || e;

return {

stop: function() {

if (e && e.stopPropagation) e.stopPropagation();

else e.cancelBubble = true

prevent: function() {

if (e && e.preventDefault) e.preventDefault();

else e.returnValue = false

}

</code></pre>

ファイルの関連付け

orocosは自分のモジュールを創立して、コンパイルして、テストします