jquery .preventdefault（）でアクションを停止する

操作は実行されないため、ユーザーが操作を開始する時期を知る必要があり、event.isDefaultPrevented()を使用して、このメソッドがイベントハンドラーコールによってトリガーされるかどうかを判断できます。これを使用して、関数呼び出しをトリガーできます。これは、モジュールを含むページを取得するのではなく、href="index.php?page=contact"などのjqueryでXHRの動的URLを使用するのにも役立ちます。また、この機能とSEOの利点も提供するMOD書き換えオプションをチェックアウトすることもできます。 jQuery停止イベント機能。 contact.phpを使用している場合は、$(document).bind("keydown keypress", function(event)が機能しないことに注意してください。ハイパーリンクである必要があるハイパーリンクがあることもありますが、リンクを処理して開く必要はありませんが、JavaScript関数を呼び出したいだけです。幸いなことに、JQUERYにはハイパーリンク操作を停止できる機能があります。 e.preventDefault() event.preventDefault()

jQuery preventdefault（）関数の実証例

例1：ハイパーリンクのクリックをブロックしてキャプチャします

$("a").click(function(event) {
  event.preventDefault();
  $('<div>
<p>')
    .append('默认 ' + event.type + ' 已阻止')
    .appendTo('#log');
});例2：フォームの送信ボタンをブロック</p>
<p><strong>
</strong>
</p>
<pre class="brush:php;toolbar:false">$('#myform').submit(function(event) {
    event.preventDefault();
    var self = this;
    window.setTimeout(function() {
        self.submit();
    }, 2000);
});

例3：アニメーション効果の後にハイパーリンクターゲットを遅らせます

$("#ELEMENT_WHICH_AFFECT_THE_SLIDEUP")
.click(function(event){
    event.preventDefault(); // 阻止链接重定向
    var time = 1000; // slideup 效果的时间
    var url = $(this).attr("href"); // 选择用于通过 JavaScript 重定向的 URL

    $("#ELEMENT_TO_SLIDE_UP").slideUp(time); // 效果
    window.setTimeout(function(){document.location.href=url;}, time); // 超时并在效果完成后等待
    return -1;
});

例4：キーボードのスクロールダウンボタンを無効にします

この関数は、ハイパーリンクだけでなく、ブロックするデフォルトのアクションを備えた要素にも使用できます。

$(document).keydown(function(event){
    // 向下移动
    if(event.keyCode == '40'){
        event.preventDefault();
        var posY = $('#'+selectedTxtID).css('top');
        posY = parseFloat(posY);
        var newPosY = posY + 1;
        $('#'+selectedTxtID).css('top', newPosY+'px');
    }
});

JQuery PreventDefault（）Method FAQ（FAQ）jQueryのPreventDefault（）メソッドの主な機能は何ですか？

jQueryのメソッドは、主にイベントのデフォルトの操作が発生しないように使用されます。たとえば、Webページにリンクがあり、クリック時に別のページにリダイレクトする必要がない場合は、メソッドを使用してこのデフォルトのアクションをブロックできます。この方法は、コード内のイベント操作を制御したい場合に特に役立ち、Webアプリケーションにより高いレベルのインタラクティブ性を提供します。

PreventDefault（）メソッドとStopPropagation（）メソッドの違いはどうですか？ preventDefault()preventDefault()

両方の方法はイベント操作を制御するために使用されますが、その目的は異なります。この方法は、イベントが発生しないようにしますが、

メソッドはイベントがDOMツリーで泡立つのを防ぎ、親ハンドラーがイベント通知を受信するのを防ぎます。言い換えれば、は要素のデフォルトの動作を処理し、はDOM階層内のイベントのストリームを処理します。

preventDefault()すべてのイベントでPreventDefault（）メソッドを使用できますか？ stopPropagation()preventDefault()

いいえ、preventDefault()すべてのイベントでは使用できません。デフォルトのアクションを使用してブロックするイベントでのみ動作します。たとえば、アンカータグ「クリック」イベントで使用して、新しいURLへのナビゲートのデフォルトアクションを防ぐことができます。ただし、デフォルトのアクションなしでは、カスタムイベントでは使用することはできません。

イベントのPreventDefault（）メソッドが呼び出されたかどうかを確認する方法は？

isDefaultPrevented()メソッドを使用して、イベントで呼び出されるかどうかを確認できます。このメソッドは、ブール値を返します。 preventDefault() preventDefault()

Internet ExplorerでPreventDefault（）メソッドを使用できますか？

はい、インターネットエクスプローラーで

メソッドを使用できます。ただし、インターネットエクスプローラーの古いバージョン（IE8以下）はこの方法をサポートしていません。これらのバージョンでは、イベントオブジェクトの

プロパティを使用して同じ効果を達成できます。 preventDefault() returnValue

無セルなイベントでpreventdefault（）に電話するとどうなりますか？

無セルなイベントで

電話をかけると、この方法は無効になります。無セルなイベントとは、デフォルトの操作ではブロックできないイベントを指します。イベントオブジェクトの

プロパティを使用して、イベントがキャンセルできるかどうかを確認できます。 preventDefault() cancelable

同じイベントでdivestdefault（）を複数回呼び出すことはできますか？

はい、同じイベントで

を複数回呼び出すことができますが、追加の効果はありません。イベントのデフォルトアクションがブロックされると、

を呼び出すことは何も変更されません。 preventDefault() preventDefault()

キーボードイベントでpreventdefault（）を使用できますか？

はい、キーボードイベントで

を使用できます。たとえば、「キーダウン」イベントのデフォルトアクションをブロックして、文字がテキストフィールドに入るのを防ぐことができます。

preventDefault()

条件付きステートメントでpreventDefault（）を使用する方法は？

条件ステートメントで

を使用して、イベントをブロックする必要がある場合を制御できます。たとえば、一部の検証チェックが失敗した場合、フォームの提出を防ぐことができます。

preventDefault()

タッチイベントでpreventdefault（）を使用できますか？

はい、タッチイベントで

を使用できます。たとえば、「Touchstart」イベントのデフォルトアクションをブロックして、タッチジェスチャーの認識を防ぐことができます。

以上がjquery .preventdefault（）でアクションを停止するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。