原生js 绑定点击事件的三种方式： 

<body>
    <div>
   
        <button class="btn" onclick="qqq()">999999999</button>
        <div id="abc" style="width:500px;height:500px"  >
            66
        </div> 
        <select name="" id="" onclick="www(value)">
            <option value="2">223</option>
            <option value="3">334</option>
            <option value="4">112</option>
        </select>
       
    </div>
</body>
<script>
    // 都需要获取到dom
    var abc = document.getElementById('abc')
// 方法一：
    abc.addEventListener('click',(e)=>{
        console.log(e);
        console.log('222222222222');
    })

// 方法二：
    let btn = document.querySelector('.btn')
    btn.onclick = function () {
        console.log('1111111111');
    }
// 方法三：
    function www(a) { // 标签上通过写onclick注册事件，但是方法名后面要加一个（）
        console.log(a); // 打印的是select选中的值
    }
</script>

# javascript # 前端 # vue.js
Logo
华为云开发者联盟

为开发者提供学习成长、分享交流、生态实践、资源工具等服务，帮助开发者快速成长。

更多推荐

cover

从原始边列表到邻接矩阵Python实现图数据处理的完整指南

avatar 华为云开发者联盟
cover

解锁HDC 2024之旅：从购票到报名，全程攻略

avatar 华为云开发者联盟
cover

华为云云原生FinOps解决方案，释放云原生最大价值

avatar 华为云开发者联盟