谈一谈jquery中的事件处理

Posted 2020-08-20 前端菜鸟教程

①jQuery内置事件函数的两种声明方式 
不带参数的事件函数-事件类型名() 模拟了用户的操作 
带参数的事件函数-事件类型名(事件函数) 
$($("#id").click(function(){})) 带参数的事件函数 
$($("#id").click(function(){}); $("#id").click();) 不带参数的事件函数-不单击#id也会执行相应函数 即模拟了用户操作 
②jQuery内置事件类型分类 
⑴浏览器相关事件 
error(fn) 匹配元素发生错误时触发某函数,error事件没有标准,如当图像src无效时会触发图像的error事件 
load(fn) 匹配元素加载完后触发某函数,如window是在所有DOM对象加载完才触发,其他单个元素是在单个元素加载完后触发 
unload(fn) 
resize(fn) 匹配元素改变大小时触发某函数 
scroll(fn) 滚动条发生变化时触发 
⑵表单相关事件 
change(fn) 在匹配元素失去焦点时触发,也会在元素获得焦点后触发 
select(fn) 当用户在文本框中选中某段文字时触发 
submit(fn) 提交表单时触发 
⑶键盘操作相关事件 
keydown(fn) 键盘按下时触发 
keypress(fn) 键盘按下又弹起时触发 顺序是keydown->keyup->keypress 
keyup(fn) 键盘弹起时触发 
⑷鼠标操作相关事件 
click(fn) 顺序是mousedown->mouseup->click 
mousedown(fn) 
mouseup(fn) 
dblclick(fn) 
mouseover(fn) 
mouseout(fn) 
mousemove(fn) 在匹配元素上移动时触发,事件处理函数会被传递一个变量--事件对象(其clientX,clientY属性代表鼠标坐标) 

文章来源：web前端视频开发大全

微信公众号：jingfeng18