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();
});
沒有留言:
張貼留言