???? jQuery ??? ??? ?
bind( type, [data], fn ) ?? ?
bind()? ?? ????? ???? ?????. ??? ?? ?? ? ?? ?? ???? ??? ? ????.
function handler(event) {
alert(event.data.foo);
}
$("p").bind("click", {foo: "bar"}, handler)??? ???? ??? ?????. ??? ??? jQuery?? ???? ??? ??? ?? ??? ??? ????? ??? ??? ?????.
event.data? ?? ??? ????? ????? ???. . ??? ????? ???? ?? ??? ??????
??? ?? ??? ?? ??? ?????. ??? ?? ?? ??? ??? ?? ???? ???? ?? ??? ????? ???.
?? ????? ??? ??? ?? ? ?? ???? ????. :
(1) ??? ?? ?? ??? ???? ???? ?????.
?:
<div id="testDiv5" customer="customer data 1">獲取自定義數(shù)據(jù)-1</div>
??? ?? ???? ??? ????:
$("#testDiv5").bind("click", function(event) { alert($(event.target).attr("customer")); });attr ??? ?? ???? ?? ???? ???? ???? ? ?????. ??? "?? ??"? ???? ??? ??? ?? ??? ?? ? ????. div ??? ??? ?????.
(2) ????? ???? ??? ??? ??? ???? ?????.
<div id="testDiv6">獲取自定義數(shù)據(jù)-2</div>
???? ??? ?? ??? ??? ??? ??? ??? ??? ? ?? ???? ?????.
$("#testDiv6").bind("click", { customer: "customer data 2" }, function(event) { alert(event.data.customer) });div? ??? ?? ??? ?? 1? ?????.
?? 1? ???? ???? ???? ? ?????. ??? ??? ?? ??? W3C?? ???? ????.
?? 2? ???? ?? ??? ??? ??? ??, ??? ???? ?? ?? ??? ????? ???.
"???"? ????? 1? ??? ? ???? ??????. ??? ??? ????? ?? ??? ??? ??? ? ????. ??? ???? ????? ? ?? ?????.
2.trigger( event, [data] ) ? TriggerHandler( event, [data] )
??? ?? ?? ???? ??? ????? ??? ????. ?????? ??? ???? ????? ? ? ??? ? ??? ??? ? ????.
?? ? ???? Trigger? ????? ?? ??? ????? ??, TriggerHandler? ??? ??? ????.
? ??? ?? ?? ?? ???? ??? ? ????. :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
<title>jQuery事件處理:trigger和triggerHandler示例</title>
script src="http://code.jquery.com/jquery-3.1.1.min.js"></script>
<script type="text/javascript">
$(function()
{
$("#old").click(function()
{
$("#divResult").html("");
$("input").trigger("focus");
});
$("#new").click(function()
{
$("#divResult").html("");
$("input").triggerHandler("focus");
});
$("input").focus(function() { $("<span>Focused!</span>").appendTo("#divResult"); });
})
</script></head><body>
<button id="old">
.trigger("focus")</button>
<button id="new">
.triggerHandler("focus")</button><br />
<br />
<input type="text" value="To Be Focused" />
<div id="divResult"></div>
</body>
</html>".trigger" ??? ???? Focused? ? ? ???? ?? ??? ???? ????.
".triggerHandler" ??? ???? Focused? ? ?? ?????. ?? ??? ???? ???? ??? ???? ?? ????:
?, ??? ??? ???? ?? ????? ?? ??? ????? ?? ??? ???? ?? ? ??? ??? ??? ??? ???? ?? ?????.
triggerHandler? ???? ????? ???? ?????. ??? ??? ??? ??? ???? ??? ????? ???? ?? ?? ??? ???? ?? ????.
