【JQuery】事件
程序员文章站
2022-04-14 13:09:16
一、前言 接着上一章选择器的知识,继续啊jQuery的学习 二、内容 ......
一、前言
接着上一章选择器的知识,继续啊jQuery的学习
二、内容
$(function(){}) 文档初始化加载 event.pageX 相对于文档左边缘的鼠标位置 event.pageY 相对于文档上边缘的鼠标位置 event.preventDefault() 阻止元素发生默认行为 event.isDefaultPrevented() 指明是否调用了preventDefault() event.result 被指定事件处理器返回的最后一个值 event.target 哪个DOM元素触发了该元素 event.timeStamp 该事件发生时的时间 event.type 事件的类型 event.which 按了哪个键或按钮 bind 绑定事件(对当前存在元素) $(selector).bind("event",data,function) blur 元素失去焦点 $(selector).blur(function) change 元素(select,text,textarea)值发生变化 $(selector).change(function) click 点击元素 $(selector).click(function) dbclick 双击元素 $(selector).dbclick(function) delegate 为子元素添加事件,data可选 $(selector).delegate(childSelector,"event",data,function) undelegate 删除由delegate()添加的事件 $(selector).undelegate(selector,"event",) die 移除通过live()方法向元素添加的事件 $(selector).die("event",function) error 元素遇到错误 $(selector).error(function) focus 元素获得焦点 $(selector).focus(function) keydown 按钮按下过程 $(selector).keydown(function) keypress 按钮按下抬起 $(selector).keypress(function) keyup 按钮抬起 $(selector).keyup(function) live 附加事件,注意与bind的区别 $(selector).live("event",data,function) load 加载事件 $(selector).load(function) unload 离开页面,只应用于window对象 $(window).unload(function) mouseup 鼠标抬起事件 $(selector).mouseup(function) mousedown 鼠标按下事件 $(selector).mousedown(function) mouseenter 鼠标进入元素事件 $(selector).ouseenter(function) mouseleave 鼠标离开被选元素事件 $(selector).mouseleave(function) mousemove 鼠标移动事件,慎用,影响性能 $(selector).mousemove(function) mouseout 鼠标离开被选元素或其子元素 $(selector).mouseout(function) one 为元素绑定只能运行一次的事件 $(selector).one("event",data,function) resize 窗口调整大小 $(selector).resize(function) scroll 可滚动对象滑动元素 $(selector).scroll(function) select 当textarea或文本型的input元素的文本被选择时 $(selector).select(function) submit 提交表单 $(selector).submit(function) toggle 轮流切换多个事件, 第一次点击执行第一个function 第二次点击执行第二个function ... $(selector).toggle(function1,function2,function3) 切换Hide()和Show()状态 $(selector).toggle(speed,callback) 规定是否只显示或只隐藏匹配元素,true显示;false隐藏 $(selector).toggle(switch) trigger 触发事件 $(selector).trigger("event", [param1,param2,...]) $(selector).trigger(eventObj) triggerHandler 触发事件, 不冒泡, 不触发浏览器事件, 只影响第一个匹配项 $(selector).triggerHandler(function1,function2,function3) unbind 移除绑定事件 $(selector).unbind("event",function) $(selector).unbind(eventObj)
推荐阅读
-
Cesium区分单击【LEFT_CLICK】和双击事件【LEFT_DOUBLE_CLICK】
-
怎样使用php与jquery设置和读取cookies
-
javascript滚轮事件基础实例讲解(37)
-
jQuery中调用ajax方法时在不同浏览器中遇到的问题
-
jquery开发中 $.expr使用实例介绍
-
JavaScript编程开发如何使用jquery实现iframe自适应高度
-
jQuery使网页在显示器上居中显示适用于任何分辨率
-
javascript事件的绑定基础实例讲解(34)
-
javascript事件的传播基础实例讲解(35)
-
jQuery中的height innerHeight outerHeight区别示例介绍