イベントハンドラの戻り値
5426 ワード
イベントハンドラの戻り値は、イベント属性を使用してイベントハンドラに登録する戻り値の有用性が高い:キーボードonkeypressイベントで、イベント処理の場合、プログラムはfalseを返し、フォームのonclickイベントからキーボードイベントを削除することを示し、rutuen falseはデフォルトのコミットを阻止することを示し、eventを使用することもできる.returnValue=false; Windowsオブジェクトのonbeforeunloadイベントで、文字列を返すと、ブラウザウィンドウがジャンプする前にメッセージダイアログボックスがポップアップすることを示します.返される文字列がダイアログボックスに表示されます.列のサブHTMLラベルは、テキストボックスのキーボード入力を傍受することによって入力が文字ブラウザに対して現在のページを離れるときにユーザーにフォームの提出を離れるかどうかを注意するときにユーザーのテキストボックスが空ではないことを確認することで、数字しか入力できないテキストボックスを実現できないか、あるいは漢字しか入力できないテキストボックス、あるいは英語しか入力できないテキストボックスなどを識別することができる.例:数字しか入力できないテキストボックスの実装
2.フォームの提出を阻止するあなたが書いた・内容が要求に合わない場合、ページには警告ボックスがポップアップされ、フォームの提出を阻止します.ページのジャンプ確認要求:ブラウザが離れる時、ユーザーにフォームの提出を離れるかどうかを注意する時、ユーザー名が空ではないことを検査します
"txt" type="text">
//onkeypress, ,
var txt=document.<span class="token function">getElementById</span><span class="token punctuation">(</span><span class="token string">'txt'</span><span class="token punctuation">)</span><span class="token selector">;
tex.οnkeypress=function(e)</span><span class="token punctuation">{
</span>
e||e.window.event<span class="token selector">;//
if(e.KeyCode<48||e.KeyCode>57)</span><span class="token punctuation">{
</span>// , ,
<span class="token function">alert</span><span class="token punctuation">(</span><span class="token string">' , '</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
return false<span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token punctuation">}</span><span class="token punctuation">;</span>
// , , , Enter,
2.フォームの提出を阻止するあなたが書いた・内容が要求に合わない場合、ページには警告ボックスがポップアップされ、フォームの提出を阻止します.ページのジャンプ確認要求:ブラウザが離れる時、ユーザーにフォームの提出を離れるかどうかを注意する時、ユーザー名が空ではないことを検査します
// , , onbeforeunload
window.οnbefοreunlοad=function()</span><span class="token punctuation">{
</span>
return <span class="token string">' '</span><span class="token punctuation">;</span>// , , ( )
var btnSub=document.<span class="token function">getElementById</span><span class="token punctuation">(</span><span class="token string">'btnSub'</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
var textName=document.<span class="token function">getElementById</span><span class="token punctuation">(</span><span class="token string">'textName'</span><span class="token punctuation">)</span><span class="token selector">;
//DOM2 DOM0 ,
if(btnSub.addEventListener)</span><span class="token punctuation">{
</span>
btnSub.<span class="token function">addEventListener</span><span class="token punctuation">(</span><span class="token string">'click'</span>,btnSubClickHader<span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span><span class="token selector">else</span><span class="token punctuation">{
</span>
btnSub.<span class="token function">attachEvent</span><span class="token punctuation">(</span><span class="token string">'onclick'</span>,btnSubClickHader<span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token selector">//
function btnSubClickHader(e)</span><span class="token punctuation">{
</span>
e=e||window.event<span class="token selector">;
if(!textName.value)</span><span class="token punctuation">{
</span>
<span class="token function">alert</span><span class="token punctuation">(</span><span class="token string">' '</span><span class="token punctuation">)</span><span class="token selector">;
// , ,
if(e.preventDefault)</span><span class="token punctuation">{
</span>
e.<span class="token function">preventDefault</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>//
<span class="token punctuation">}</span><span class="token selector">else</span><span class="token punctuation">{
</span>
e.returnValue=false<span class="token punctuation">;</span>//ie8
<span class="token punctuation">}</span>
<span class="token punctuation">}</span>
<span class="token punctuation">}</span>
<span class="token punctuation">}</span>