zoukankan      html  css  js  c++  java
  • js手动触发事件

    IE下使用fireEvent 
    高级浏览器下使用dispatchEvent 
    示例代码如下

    <!DOCTYPE html>
    <html>
    <head>
        <title>111</title>
    </head>
    <body>
        <select id='bbb' title="1111">
            <option></option>
            <option value="b2">b2</option>
            <option value="b3">b3</option>
        </select>
    </body>
    <script type="text/javascript">
        // 添加事件
        var bbb = document.getElementById('bbb');
        if(bbb.addEventListener){
            bbb.addEventListener('change', function(){
                console.log('aaaaaa');
            });
        }
        else{
            bbb.attachEvent('onchange', function(){
                console.log('aaaaaa');
            });
        }
    
        // 设置select默认值
        bbb.value = 'b3';
    
        // 手动触发事件
        if (bbb.fireEvent){
            bbb.fireEvent('onchange');
        }
        else{
            ev = document.createEvent("HTMLEvents");  
            ev.initEvent("change", false, true);  
            bbb.dispatchEvent(ev);  
        }
    
        // jquery触发
        // bbb.trigger('change');
    
    </script>
    </html>
  • 相关阅读:
    多重背包
    摘花生
    完全背包问题
    01背包问题
    数字金字塔
    ES6 Object.assign()的用法
    umi---className设置多个样式
    npm 安装yarn
    html引入其他html的几种方式
    react打包去掉map文件
  • 原文地址:https://www.cnblogs.com/piaoyf/p/8793189.html
Copyright © 2011-2022 走看看