checkbox选中触发事件_事件种类及事件对象的属性

最新推荐文章于 2024-09-01 20:07:34 发布

weixin_39950552

最新推荐文章于 2024-09-01 20:07:34 发布

阅读量3.1k

点赞数

本文介绍了键盘事件在表单元素中的应用，特别是与checkbox选中触发事件、jQuery的select change事件以及layui的select change事件相关的交互。通过事件对象的属性如shiftKey、altKey、ctrlKey、metaKey判断用户按下的快捷键组合。同时，探讨了keyCode和charCode属性的区别，它们分别在keydown和keypress事件中用于获取ASCII码值，揭示了键盘事件与字符大小写的关联。

摘要由CSDN通过智能技术生成

1事件类型的种类1.1鼠标事件

事件名	说明
click	单击
dblclick	双击
mouseover	鼠标移入
mouseout	鼠标移出
mousemove	鼠标移动(会不停的触发)
mouseenter	鼠标移入
mouseleave	鼠标移出

这里也可以看下之前jQuery里的文章《jQuery里的事件》

1.2键盘事件

键盘事件多用于表单元素里，全局window

事件名	说明
keydown	键盘按下(如果按下不松手会一直触发)
keyup	键盘抬起
keypress	键盘按下(只支持字符键，如ctrl)

1.3HTML事件

1.window事件

事件名	说明
load	页面加载完触发
unload	页面解构(刷新页面，关闭页面)时触发
scroll	页面滚动
resize	窗口大小发生变化时触发

2.表单事件

事件名	说明
blur	失去焦点触发
focus	获得焦点触发
select	当我们在输入框选中文本时触发
change	当我们对输入框修改且失去焦点时触发
submit	表单提交时触发
reset	表单重置元素时触发

2获取当前鼠标位置

获取当前鼠标位置的属性有如下表所示，但是他们的区别是原点位置(参照物)不一样。

	原点位置
clientX clientY	可视窗口的左上角为原点
pageX pageY	整个页面的左上角(包含滚出去的滚动距离)
screenX screenY	电脑屏幕的左上角

事件对象的获取方法都是在一个事件的回调中先传个形参，然后