1. 事件绑定
$("button").bind("click", function() {
alert("ok");
})
$("button").bind("click mouseover", function() { //可以同时绑定多个事件
alert("ok");
})
$("button").bind({
mouseover: function() {
alert("mouseover");
},
mouseout: function() {
alert("mouseout");
}
});
2. 事件删除
$("button").unbind(); //删除所有绑定事件
$("button").unbind("click"); //删除click事件
$("button").unbind("click", fn1); //删除click事件处理函数fn1
3. 简写事件
$("button").click(function() {
alert("click");
});
$(window).unload(function() {
alert("unload"); //页面卸载事件, IE浏览器支持,其他浏览器不支持
})
$(window).resize(function () {
alert("resize"); //窗口大小改变事件
});
$(window).scroll(function () {
alert("scroll"); /滚动条拖动事件
});
$("input").select(function () {
alert("select"); //文本选定事件
})
$("input").change(function () {
alert("change"); //文本改变事件
});
$("input").change(function () {
alert("change"); //文本改变事件
});
$("input").change(function () {
alert("change"); //文本改变事件
});
$("form").submit(function () {
alert("submit"); //表单提交事件
});
$("div").mouseenter(function() {
alert("mouseenter"); //穿过子元素不会触发, mouseover相反
});
$("div").mouseleave(function() {
alert("mouseenter"); //穿出子元素不会触发,mouseout相反
});
$("div").keydown(function() {
alert("keydown"); //使用keyCode
})
$("div").keyup(function() {
alert("keyup"); //使用keyCode
})
$("div").keypress(function() {
alert("keypress"); //使用charCode
})
$("input").focusin(function() {
alert("focusIn"); //获得焦点,可以使子元素获取焦点
})
$("input").focusout(function() {
alert("focusout"); //失去焦点,可以是子元素失去焦点
})
3. 复合事件
$("div").hover(function() { //mouseenter, mouseleave事件同时绑定
alert("mouseenter");
},
function() {
alert("mouseleave");
});
---------------------
作者:hhan_bj
来源:CSDN
原文:https://blog.csdn.net/hhan_bj/article/details/79095282
版权声明:本文为博主原创文章,转载请附上博文链接!