首页 > 其他 > 详细

浏览器DOM事件触发

时间:2019-02-04 18:24:29      阅读:252      评论:0      收藏:0      [点我收藏+]

除用户人为交互触发事件外,用js脚本触发事件的一般流程为

  1. 创建事件 var e = Event(‘event_name‘, {key: value, ...})
  2. 分发事件到 event.target
  3. 触发事件处理函数 EventHandler

示例

<select >
    <option value="all" selected>all</option>
    <option value="active">active</option>
    <option value="completed">completed</option>
</select>
<script>
    let select = document.getElementsByTagName(‘select‘)[0];
    select.onchange = handleChange;
    function handleChange(e){
        console.log(‘changed‘);
    }
</script>

如上脚本中的 change 事件脚本触发的方式如下:

var e = Event(‘change‘, {bubbles: true});
select.options[1].dispatchEvent(e);

浏览器DOM事件触发

原文:https://www.cnblogs.com/zhaofeng-shu33/p/10351963.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!