js事件机制

js事件机制

事件源:发生事件的组件。比如button。

事件本身:发生了什么事件。比如单击,键盘事件

事件处理:在事件源上发生事件如何响应。处理:事件绑定,事件监听和事件委托。

事件类型

1.ui事件:用户和页面上的元素直接交互

2.onload:页面元素(包括外部元素)加载完成时触发。

鼠标事件

1.onclick:鼠标单击时触发

2.dblclick:鼠标被双击时触发

3.mouseover:鼠标移入时触发

4.mouseout:鼠标移出时触发

5.mousedown:鼠标按下时触发

6.mouseup:鼠标抬起时触发

焦点事件

1.focus:获取到焦点时触发

2.blur:失去焦点时触发

键盘事件

1.keyup:键盘抬起时触发

2.keydown:键盘按下时触发

3.keypress:可打印字符的按下事件

其他事件

1.onchange:内容改变时触发

2.onselect:文本被选择时触发

3.onsubmit:表单被提交时触发

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  •   JavaScript 与 HTML 之间的交互是通过事件实现的。   事件,就是文档或浏览器窗口中发生的一些特...
    霜天晓阅读 3,716评论 1 11
  • JavaScript 与 HTML 之间的交互是通过事件实现的。事件,就是文档或浏览器窗口中发生的一些特定的交互瞬...
    LemonnYan阅读 745评论 0 4
  • 本篇博客源地址 总结: 鼠标事件 1.click与dbclick事件ele.click()ele.click(ha...
    ZombieBrandg阅读 757评论 0 1
  • (续jQuery基础(1)) 第5章 DOM节点的复制与替换 (1)DOM拷贝clone() 克隆节点是DOM的常...
    凛0_0阅读 1,531评论 0 8
  • 事件流 IE和Netscape开发团队提出了完全相反的两种事件流的概念,事件冒泡流和事件捕获流。 事件冒泡 事件由...
    exialym阅读 1,058评论 0 9

友情链接更多精彩内容