Chrome书签清理计划(Day 1)

    你选择暗度陈仓,
    那我就双管齐下。


脚本改变input值,如何触发onchange事件

PLAN A: EventTarget.fireEvent()

这是微软IE浏览器用以替代EventTarget.dispatchEvent()的私有方法,与EventTarget.dispatchEvent()不同的是通过fireEvent() 触发的事件不会触发事件的默认行为。
例如,通过fireEvent()触发<input type="checkbox">的点击事件并不会切换checkbox的选中状态。

cancelled = target.fireEvent(eventNameWithOn, event)

兼容性如下

image.png

image.png

PASS~


PLAN B: oninput + onpropertychange
oninput 兼容性

image.png

IE9以下使用onpropertychange

<input oninput="handleChange" onpropertychange="handleChange" />

GET~

内容来源地址:https://blog.csdn.net/chenlaoyang/article/details/8903770

# select控件的oninput事件发送在onchange之前

# 如果是脚本赋值select控件的话,目前想到的方案是手动触发一次(待续)

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

推荐阅读更多精彩内容

  •   JavaScript 与 HTML 之间的交互是通过事件实现的。   事件,就是文档或浏览器窗口中发生的一些特...
    霜天晓阅读 3,548评论 1 11
  • (摘自博客笔记,原文网址:http://www.cnblogs.com/hutuzhu/p/4981877.htm...
    空谷悠阅读 1,706评论 3 4
  • DOM Document Object Model DOM Core DOM HTML DOM Style DOM...
    ddai_Q阅读 989评论 0 1
  • 原教程内容详见精益 React 学习指南,这只是我在学习过程中的一些阅读笔记,个人觉得该教程讲解深入浅出,比目前大...
    leonaxiong阅读 2,860评论 1 18
  • Dom事件 事件是一种异步编程的实现方式,本质上是程序各个组成部分之间的通信。DOM支持大量的事件 (一) Eve...
    woow_wu7阅读 1,812评论 0 1