JSLite - イベント処理
ご質問がある場合は、これらの場所でコミュニケーションを取ることを歓迎します。また、共同開発のために JSLite.io 組織チームに参加することも歓迎します。
ぼかし
focus
focusin
focusout
load
resizeコード>
スクロール
アンロード
クリック
dblclick
マウスダウン
マウスアップ
mousemove
mouseover
mouseout
mouseenter
mouseleave
change
>select
submit
keydown
keypress
keyup
error
に直接追加しますオブジェクトイベント。blur
focus
focusin
focusout
load
resize
scroll
unload
click
dblclick
mousedown
mouseup
mousemove
mouseover
mouseout
mouseenter
mouseleave
change
select
submit
keydown
keypress
keyup
error
对象上直接添加事件。
$("#box").click(function(){ console.log("绑定点击事件") });
ready
ready(function($){ ... }) ⇒ self
添加一个事件侦听器,当页面dom
加载完毕DOMContentLoaded
事件触发时触发。加载完毕执行,建议使用$(func)
来代替这种用法。
$(document).ready(function(){ alert("当页面dom加载完毕执行"); console.log($("#box")); })
$(func)
加载完毕执行。与
ready
方法相同
//或者使用下面方法代替ready$(function(){ console.log("当页面dom加载完毕执行"); })
bind
为每个匹配元素的特定事件绑定事件处理函数。可以绑定这些事件
blur
focus
focusin
focusout
load
resize
scroll
unload
click
dblclick
mousedown
mouseup
mousemove
mouseover
mouseout
mouseenter
mouseleave
change
select
submit
keydown
keypress
keyup
error
paste
drop
dragover
。
$("#box").bind("click", function(){ console.log("绑定点击事件") });
unbind
解除绑定事件,从每一个匹配的节点对象中删除绑定的事件。
var f1=function(){alert("41");} $("#box").bind("click",f1) //⇒ 绑定事件 $("#box").unbind("click",f1) //⇒ 解除绑定事件 $("#box").bind("click",function(){alert("41");}) //⇒ 绑定事件 $("#box").unbind("click",function(){alert("41");}) //⇒ 解除绑定事件
on
readyon(type, [selector], function(e){ ... }) ⇒ self
on({ type: handler, type2: handler2, ... }, [selector]) ⇒ self
为每个匹配元素的特定事件绑定事件处理函数。可以绑定这些事件blur
focus
focusin
focusout
load
resize
scroll
unload
click
dblclick
mousedown
mouseup
mousemove
mouseover
mouseout
mouseenter
mouseleave
change
select
submit
keydown
keypress
keyup
error
paste
drop
dragover
$("#box").on("click", function(){ console.log("绑定点击事件") }); $("#box").on("click mouseover",function(evn){ console.log("2"+evn) }) //⇒ self 绑定两个事件 $("#box").on("click","p",function(){ console.log("被点击了") })//⇒ self 返回“#box”节点 $("#box").on("click",{val:1},function(){//传参数 console.log("dddd","event.data.val = " + event.data.val) }) $( "#box" ).on({ //绑定多个事件 click: function() { $( this ).css("background","red"); }, mouseover: function() { $( this ).css("background","yellow") }, mousedown: function() { $( this ).css("background","green") } });
ready(function($){ ... }) ⇒ selfrrreee
ページdom
が読み込まれるときにイベント リスナーを追加しますDOMContentLoaded
イベントが発生すると発生します。ロードして実行した後は、この使用法の代わりに$(func)
を使用することをお勧めします。var f1=function(){alert("41");} $("#box").on("click",f1) //⇒ 绑定事件 $("#box").off("click",f1) //⇒ 解除绑定事件 $("#box").on("click",function(){alert("41");}) //⇒ 绑定事件 $("#box").off("click",function(){alert("41");}) //⇒ 解除绑定事件🎜$(func)🎜🎜🎜がロードされて実行されます。ready
メソッドと同じ 🎜🎜$("#box").on("abc:click",function(evn,a,c){ console.log("2"+a+c) }) //⇒ self 绑定一个事件 $("#box").trigger("abc:click",["wwww"]) //⇒ self 触发并传一个参数进去🎜bind🎜🎜🎜 一致した要素ごとに特定のイベントのイベント ハンドラーをバインドします。これらのイベントはblur
focus
focusin
focusout
load
resize< とバインドできます。 /code>
スクロール
アンロード
クリック
dblclick
マウスダウン
マウスアップ
>mousemove
mouseover
mouseout
mouseenter
mouseleave
change
< code>selectsubmit
keydown
keypress
keyup
error
ペースト
ドロップ
ドラッグオーバー
。 🎜🎜rrreee🎜unbind🎜🎜🎜イベントのバインドを解除し、一致する各ノード オブジェクトからバインドされたイベントを削除します。 🎜🎜rrreee🎜on🎜🎜🎜on(type, [selector], function(e){ ... }) ⇒ self
on({ type: handler, type2: handler2, ... }, [selector ]) ⇒ self
一致した要素ごとにイベント ハンドラーを特定のイベントにバインドします。これらのイベントはblur
focus
focusin
focusout
load
resize< とバインドできます。 /code>
スクロール
アンロード
クリック
dblclick
マウスダウン
マウスアップ
>mousemove
mouseover
mouseout
mouseenter
mouseleave
change
< code>selectsubmit
keydown
keypress
keyup
error
ペースト
ドロップ
ドラッグオーバー
。 🎜🎜rrreee🎜off🎜🎜🎜 イベントのバインドを解除し、一致する各ノード オブジェクトからバインドされたイベントを削除します。 🎜
trigger
trigger(event, [args]) ⇒ self
に一致するノードコレクションの要素で指定されたイベントをトリガーします。 args パラメータが指定されている場合、それは引数としてイベント関数に渡されます。
は、self