码迷,mamicode.com
首页 > 其他好文 > 详细

浏览器DOM事件触发

时间:2019-02-04 19:28:11      阅读:201      评论:0      收藏:0      [点我收藏+]

标签:javascrip   asc   sel   UNC   handler   sele   var   function   isp   

除用户人为交互触发事件外,用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事件触发

标签:javascrip   asc   sel   UNC   handler   sele   var   function   isp   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!