jQueryのイベント

1 $(window).load(function(){2 //编写代码3 })

2. イベントバインディング - binding() メソッド

形式:bind(type [, data] , fn)

最初のパラメータはイベントタイプです:blur、focus、load、unload、resize 、scroll、click、dblclick、mousedown、mouseover、mouseup、mousemove、mouseout、mouseenter、mouseleave、change、select、submit、keydown、keypress、keyup、error

2 番目のパラメーターは、これまでと同様にオプションのパラメーターです。イベントオブジェクトの追加データオブジェクトに値が渡されます

3番目の食事はバインディングに使用される処理関数です

補足:要素が表示されているかどうかを判断するには、jQueryの

is()メソッドを使用します

bind() メソッド その他の用途:

(1) 複数のイベントタイプを一度に要素にバインドする

 
$("p").bind("mouseover mouseout",
function
(){};);

(2) 管理を容易にするイベント名前空間を追加します

3. 合成イベント

toggle() メソッド: 連続マウスクリックイベントをシミュレートします

形式: toggle(fn1,fn3...fnN);

$(function()){
      $("#panel").toggle(function(){
               $(this).next().show();
       },function(){
                $(this).next().hide();
       })
})

$(function()){
       $("#panel").toggle(function(){
                $(this).next().toggle();
        },function(){
                 $(this).next().toggle();
        })
})

4. イベントのバブル

イベントバブリングによって引き起こされる問題:

(2) イベントバブリングの停止:event.stopPropagation()メソッド

例: フォームの検証が送信条件を満たさない場合にフォームの送信を防止する (デフォルトの動作)

$(function(){
      $("#sub").bind("click",function(event){
              var username=$("#username").val();
              if(username==""){
                     $(""#msg).html("<p>文本框内容不能为空</p>")；
                     event.preventDefault();
              }
        })
})

5. イベント キャプチャ

イベント キャプチャとイベント バブリングは、トップダウンでトリガーされるプロセスです。

すべてのブラウザがイベント キャプチャをサポートしているわけではなく、jQuery もサポートしていません

6. イベント オブジェクトの属性

関数

event.type

型を取得するイベントの

以上がjQueryのイベントの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。