当每个段落被点击的时候,弹出其文本。
$("p").bind("click", function(){
alert( $(this).text() );
});
同时绑定多个事件类型/处理程序
$("button").bind({ click:function(){$("p").slideToggle();}, mouseover:function(){$("body").css("background-color","red");}, mouseout:function(){$("body").css("background-color","#FFFFFF");} });可以在事件处理之前传递一些附加的数据。function handler(event) { alert(event.data.foo); } $("p").bind("click", {foo: "bar"}, handler)通过返回false来取消默认的行为并阻止事件起泡。$("form").bind("submit", function() { return false; })
通过使用 preventDefault() 方法只取消默认的行为。
$("form").bind("submit", function(event){
event.preventDefault();
});
通过使用 stopPropagation() 方法只阻止一个事件起泡。
$("form").bind("submit", function(event){
event.stopPropagation();
});

本文介绍了如何在网页中为段落元素绑定多种事件类型,包括点击、鼠标悬停和鼠标离开事件,并演示了如何在事件处理之前传递额外数据、取消默认行为和阻止事件起泡。同时,还展示了如何通过事件处理函数参数传递附加数据。
4856

被折叠的 条评论
为什么被折叠?



