JQuery 总结(3) jQuery 各种事件
16lz
2021-01-22
一,添加事件
1.$("li").click(function () {
$(this).css("background","orange")
})
2.$("li").on("click",function () {
$(this).css("background","orange")
}) 注意 如果on改成one 执行一次
3.$("li").on({
"click":function () { $(this).css("background","orange")},
"mouseover":function () {$(this).css("background","pink")},
} )
二,删除事件
1.$("li").off("") 删除所有
2.$("li").off("click")只删除单一事件
三,事件切换
hover(mouseover mouseout 合成)
$("li").hover(function () { fn1,fn2 } 当li鼠标经过覆盖时执行fn1,离开执行fn2
$("span").Toggle(function () {console.log(1)} 切换显示/隐藏
$("span").Toggle( fn1,fn2,fn3,} 1.9版本之前可以 点击之后轮流执行后面函数
所有事件:
click 当用户按下并释放鼠标按键或其他方式“激活”元素时触发 contextmenu 可以取消的事件,当上下文菜单即将出现时触发。当前浏览器在鼠标右击时显示上下文菜单 dblclick 当用户双击鼠标时触发 mousedown 当用户按下鼠标按键时触发 mouseup 当用户释放鼠标按键时触发 mousemove 当用户移动鼠标时触发 mouseover 当鼠标进入元素时触发 mouseout 当鼠标离开元素时触发 mouseenter 类似mouseover,但不冒泡 mouseleave 类似mouseout,但不冒泡
focus 焦点状态
focusout 失去焦点
keypress() 键盘按下的时候
更多相关文章
- jQuery 选择器 与 事件
- jquery不会对select/选项更改事件作出反应。
- 使用HTML5验证时如何绑定到提交事件?
- jquery自定义事件
- Symfony 2在用户站点上动态添加字段以形成
- jQuery学习笔记- focus和blur事件妙用
- 具有嵌套元素的jQuery悬停事件
- 用jquery 绑定一个按钮click事件后,第一次点击后,一切正常,第二次点
- jQuery Sortable - 事件被调用太多次了