原生js绑定事件的三种方法

 // 绑定事件//  行内绑定//  选择元素绑定事件//  事件监听  有三个参数（'什么事件'，'函数'，'true或false'）true（事件捕获） false（事件冒泡）document.querySelector('p').onclick= function(e){console.log(1);console.log(this);//当前绑定事件的标签console.log(e);//点击的事件对象console.log(e.target);//触发事件的元素console.log(e.currentTarget);//绑定事件的元素或标签}document.querySelector('p').addEventListener('click',(e)=>{console.log(1); //事件监听的时候this指向windowconsole.log(this);//windowconsole.log(e);//点击事件对象console.log(e.target);//触发事件元素console.log(e.currentTarget);//绑定事件的元素})

原生js绑定事件的三种方法相关推荐

js绑定事件的三种方法
1.行内绑定 <style>div {width: 400px;height: 200px;background-color: antiquewhite;}</style> & ...
【js】js绑定事件的三种方法
1.行内绑定 <style>div {width: 400px;height: 200px;background-color: antiquewhite;}</style> & ...
js 绑定事件的几种方法 addEventListener（）
看代码 <!DOCTYPE html> <html><head><meta charset="UTF-8"><title> ...
【JavaScript】原生js阻止事件的三种方式
三种阻止事件执行的方式 event.preventDefault() event.stopPropagation() return false 1.event.preventDefault() 阻止特 ...
java c 事件对比_javacsript绑定事件的三种方式与各自特点
javacsript绑定事件的三种方式与各自特点 javacsript绑定事件的三种方式与各自特点点击打开链接 javacsript绑定事件的三种方式与各自特点 feipeng8848 2017-0 ...
React绑定事件的四种方法
今天给大家分享一下react绑定事件的四种方法,也许会有不准确的地方,欢迎指点出来,大家一起进步~ 首先要先了解,在js中class的方法默认不会绑定this,默认情况下是undefined,所以就需 ...
java的如何创建js_[Java教程]JS创建事件的三种方式（实例）
[Java教程]JS创建事件的三种方式(实例) 0 2016-05-11 14:00:16 1.普通的定义方式 οnclick="Sfont=prompt('请在文本框中输入红色','红色' ...
JS下载文件的三种方法
因为公司后端忙得无法给批量下载的api,就我们前端自己把多张图片打包成zip下载,zip打包我们用的是jszip,下面是js实现下载的三种方法: 利用HTML download 属性 var a = ...
JS截取字符串的三种方法详解
本文详细讲解了JS截取字符串的三种方法,文中通过示例代码介绍的非常详细.对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下 JS提供三个截取字符串的方法,分别是:slice(),subst ...

原生js绑定事件的三种方法

原生js绑定事件的三种方法相关推荐

最新文章

热门文章