javascript当中事件派发(dispatchEvent)的用法

mark_to_win

于 2019-03-23 10:47:00 发布

阅读量2.8k

点赞数 1

分类专栏： javascript 文章标签：事件派发 javascript initEvent dispatchEvent 马克java社区

本文链接：https://blog.csdn.net/mark_to_win/article/details/88643004

版权

javascript 专栏收录该内容

119 篇文章 0 订阅

订阅专栏

12.事件派发(dispatchEvent)

马克-to-win：下例仔细剖析了dispatchEvent。

例 12.1（DispatchEventFireIEFF.html）

<HTML>
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
</HEAD>
<BODY>
<select οnchange="alert('select onchange event');" id="select1">
    <option>1</option>
    <option>2</option>
</select>
<INPUT TYPE="button" value="按这" οnclick="clickButton()">
<script type="text/javascript">
    function clickButton() {
        alert("click button");
        var t = document.getElementById('select1')
        if (document.all) {
            t.fireEvent("onchange");
            alert("ie");
        }
        else {
            var evt = document.createEvent('HTMLEvents');
            evt.initEvent('change', true, true);
            t.dispatchEvent(evt);
        }
    }
</script>
按button也会发出option的select事件
</BODY>
</HTML>
更多请见：https://blog.csdn.net/qq_43650923/article/details/102985114