js中的通用事件

最新推荐文章于 2022-06-29 23:03:15 发布

Zero_Error

最新推荐文章于 2022-06-29 23:03:15 发布

阅读量323

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript高级程序设计(第三版)-重读文章标签： javascript js 元素变动事件

本文链接：https://blog.youkuaiyun.com/ruler1112/article/details/76279034

JavaScript高级程序设计(第三版)-重读专栏收录该内容

22 篇文章

订阅专栏

本文介绍了移动端特有的事件处理方式，如textInput事件的应用，并探讨了DOM变动事件的使用场景，包括节点的插入、删除及文档加载完毕事件。此外还提到了URL变更事件hashchange的相关细节。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

 * 通用事件:
   * 1.在移动设备中不能使用dbclick双击在移动设备中会被认为是放大
   * 2.scroll和mousewheel都是可以使用的,在移动端
   * 3.textInput事件会在文本即将输入之前触发,这个事件仅仅针对可编辑区域,如input,textarea等,同时这个事件对象支持一个data属性
   * 这个属性存储着按下的键字符,这是移动端能够获取按下字符的唯一方法.(其中ie8-,firefox,opera不支持,这一事件大多用在移动端)
   * 4.对于移动端浏览器对于DOM3级的支持不是很高对于keypress不支持,虽然keyup和keydown能够响应，但是无法读出event中的键码
* 5.在pc端对于键盘事件keypress,keyup,keydown的支持还是很好的
*
   * 变动事件(DOM改变事件ie9+):
   * 一 删除元素:
   *  1.DOMNodeRemoved事件:当有节点被删除的时候触发
   *  2.DOMNodeRemovedFromDocument事件:当节点被删除的时候在被删除的节点和他的子节点上触发
   *
   * 二 插入和替换元素:
   *  1.DOMNodeInserted事件:当有节点被替换或者插入的时候触发
   *  2.DOMNodeInsertedIntoDocument事件:在被插入或者替换的节点上触发(被替换的元素表示新元素,而不是被换掉的元素)
   *
   * 三 DOM加载完毕事件:
   *  DOMContentLoaded事件:load事件表示全部加载完毕触发,而这个事件在DOM加载完毕就会触发,所以性能更高,jQuery就是使用的这个
*(对于上面的事件event有target属性表示被操作的元素,relatedNode表示被操作的元素的父元素)
   *
   *  hashchange事件:当url发生改变的时候触发(ie9+)
   *  event属性存储着newUrl和oldUrl(只有火狐，opera，chrome支持)
   *  (一般出发事件后使用location来确定url的改变以兼容所有浏览器)
   *  (这个事件只能添加到window上)
   *
   *