2010年12月28日 星期二

[jquery]Bind

Bind 用法:
1.綁定並且alert()出, mouse x 與 y 的值

$(document).ready(function() {
$('#foo').bind('click', function(event) {
alert('The mouse cursor is at ('
+ event.pageX + ', ' + event.pageY + ')');
});
});


2.還可以一次放入兩個event 去 toggleClass.

$('#foo').bind('mouseenter mouseleave', function() {
$(this).toggleClass('entered');
});


3. jQuery 1.4 之後可以這樣用

$('#foo').bind({
click: function() {
// do something on click
},
mouseenter: function() {
// do something on mouseenter
}
});


4. event.preventDefault() 取消原本event的動作

$("form").bind("submit", function(event) {
event.preventDefault();
});


5. event.stopPropagation() 停止原本event的動作和冒泡(bubbling)動作

$("form").bind("submit", function(event) {
event.stopPropagation();
});

【下列文章您可能也有興趣】

沒有留言: