事件

(1)、鼠标事件:

                    鼠标点击事件(单击): onclick

                    鼠标点击事件(双击): ondbclick

                    鼠标移入事件(不支持冒泡): onmouseenter

                    鼠标移出事件(不支持冒泡): onmouseleave

                    鼠标移入事件(支持冒泡): onmouseover

                    鼠标移出事件(支持冒泡): onmouseout

                    鼠标按下事件(按下时触发): onmousedown

                    鼠标抬起事件(抬起时触发): onmouseup

(2)、键盘事件:    

                    键盘按下(按下就触发): onkeydown

                    键盘松开(松开就触发): onkeyup

                    键盘按下松开事件: onkeypress

                    讲解键盘事件:

                            key 属性:按键触发时获取按键上的字符 (key 属性在 onkeypress 事件中识别不了功能键)

                            keyCode 属性 : 按键触发时获取与键盘按键上的字符与之对应的 ASCLL 编码(keyCode 属性在onkeydown 事件获取的永远是大写字母对象的ASCLL编码。keyCode 属性在 onkeypress 事件中获取的是与之对应的大小写字母的ASCLL编码)

(3)、表单事件

                    获取焦点事件(对于一个普通元素来说想要拥有焦点事件,需要添加 tabindex 属性): onfocus

                    失去焦点事件: onblur

                    输入事件(输入框中的值发生改变都会触发): oninput

                    表单元素状态发生改变(一般用于 checkbox 和 select 标签): onchange

                        onchange 事件: 

                                        onchange 事件不运行在普通的文本输入框

                                        当 onchange 属性用在多选框当中时   选中和取消都会触发

                                        当 onchange 属性用在下拉菜单中时   只有值发生改变时才会触发 


(4)、窗口事件:

                    当网页加载完毕时触发: onload

                    滚动事件(普通事件也有滚动事件但一般都是用于页面滚动): onscroll

(5)、拖拽事件:

                    开始拖拽时触发: ondragstart

                    正在拖拽时触发: ondrag

                    完成拖拽时触发: ondragend

                    在拖拽过程中,释放鼠标时触发此事件: ondrop

                    当被鼠标拖拽的对象离开其容器范围内时触发: ondragleave

                    拖拽到指定位置: ondragover            默认情况下,执行 ondragover 事件(谷歌浏览器)浏览器不允许进去 drop 事件(就是不允许放下拖拽的元素),因此需要阻止浏览器的默认行为    e.preventDefault();    阻止默认行为

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容