原生JS总结-- JS 绑定点击事件

第一种：addEventListener:

let tn = document.getElementById('btn');tn.addEventListener('click', function(e) {  e.stopPropagation();//取消事件冒泡})

如果父元素也有点击事件，这个会触发父元素的点击事件，需要阻止一下。

第二种：onclick

 let tn = document.getElementById('btn');tn.onclick = function(e) {//点击事件e.stopPropagation(); // 阻止冒泡到父级的点击事件
}

原生JS总结-- JS 绑定点击事件相关推荐

关于js中无法绑定点击事件
在js文件中添加点击事件失败,但是HTML中onclick就能成功. 解决办法:将js的引用的script标签放到</body>的后面.这样在页面渲染之后再执行js代码.
js为链接绑定点击事件并且附带return false;来阻止跳转
<!DOCTYPE HTML> <html><head><meta charset="gb2312" /><title> ...
js 原生方法 -- 模拟浏览器的点击事件
js 原生方法 – 模拟浏览器的点击事件 1. 创建自定事件并监听可看看 MDN 的 Evnet, CustomEvent 对象 <!DOCTYPE html> <html la ...
JavaScript给按钮绑定点击事件（onclick）的方法及js常见事件
本文实例讲述了JavaScript给按钮绑定点击事件(onclick)的方法.分享给大家供大家参考.具体分析如下: 我们可以通过设定按钮的onclick属性来给按钮绑定onclick事件 <!D ...
jquey javascript 绑定点击事件(click事件无反应，因js获取不到当前的点击项)
问题: 如果DOM元素是动态生成的,在这种情况下为该元素绑定click时间,发现点击事件无效,设置debugger,console.log也没用解决: juery:为目标元素的父元素,或者是整个文档 ...
[js]绑定点击事件的三种方式
绑定点击事件的三种方式使用 onclick 属性(不推荐) <!doctype html> <html lang="en"> <head>&l ...
jquery 动态按钮绑定点击事件
一.Jquery实现点击事件的四种写法来自:https://blog.csdn.net/liutianjie/article/details/85112787 1. $(".tab&quo ...
在html中搜索按钮事件,html中button绑定点击事件的几种方法介绍
HTML中为button绑定事件的方式有三种. 例如以下标签: submit 一.使用jquery进行绑定$('#btn_submit').click(function(){ }); 二.使用原生js ...
javascript动态生成按钮并绑定点击事件
前一个多月公司的前端开发人员离职,公司一直在招前端,基本上每天都有几个来面试的人,就这个面试频率,也才招了一个多月才招到.绝大部分都是死在了一道上机面试提上.题目很基础,但也很考基本功,基本上才3%左 ...
【JavaScript】按钮绑定点击事件-onCliek事件
[JavaScript]按钮绑定点击事件-onCliek事件 <button type="submit" id="btn">btn</butt ...

原生JS总结-- JS 绑定点击事件

原生JS总结-- JS 绑定点击事件相关推荐

最新文章

热门文章