获取事件源的方法

最新推荐文章于 2022-08-20 17:23:45 发布
最新推荐文章于 2022-08-20 17:23:45 发布
阅读量864 收藏
点赞数
分类专栏： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/baocunlaijuju/article/details/84262402
版权

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <title>Document</title>

    <style>

    div {

        width: 60px;

        height: 60px;

        background-color: pink;

    }

    </style>

</head>

<body>

    <div id="box"></div>

    <script>

        //1,获取事件源

    var div = document.getElementById("box");

    //获取事件源有五种

    // var arr1 = document.getElementsByTagName("div");

    //  var  arr2 = document.getElementsByClassName("box");

    // var  arr3 = document.getElementsByName("aaa");

    //2，绑定事件（事件源.事件 function = () { 事件驱动程序}）

    div.onclick = function (){

        //书写事件驱动程序。

        alert(1);

    }

   

    </script>

</body>

</html>

baocunlaijuju
关注
专栏目录
vue如何获取点击事件源的方法
08-29
在Vue.js中，获取点击事件...总的来说，Vue.js通过`event`对象提供了获取事件源的能力，这使得我们可以轻松地获取到触发事件的元素并进行后续操作。理解并熟练运用这些知识，将有助于开发更高效、更灵活的Vue应用程序。
html 事件源,JavaScript 几个比较零碎的点 -- 事件源和事件委托模型.
weixin_39739404的博客
06-07 180
在 JavaScript 中,我们给一个HTML元素绑定事件响应函数.在执行事件响应函数的时候,我们可以拿到一个和当前执行事件相关联的事件对象.这个事件对象包含了此次事件产生的一些关键数据.其中,最重要的数据之一,就是事件源.事件对象和事件源在上一节,阻止事件冒泡中,我们知道了每一次事件执行都会产生了一个 e 的是对象.在W3C标准模式下,它会以事件响应函数的第一个形参的位置出现.click me...
html事件三要素作用,js的事件、事件三要素、事件机制、事件的相关操作
weixin_32672471的博客
06-07 744
js的事件、事件三要素、事件机制、事件的相关操作1 事件的三要素：(1)事件源、就是你点的那个div，触发的对象(2)事件、表示动作，比如点击、滑过等(3)事件处理函数、表示结果，比如点开关跳转到另一个页面1.1 区分 e.target、this、e.currentTargete.target、就是你点击的那个节点(如果节点在某个节点的里面，那这个节点是最里面的那个节点)this、事件绑给谁，这个...
事件源的获取
Tansum
04-14 1957
事件源：在事件中，当前操作的那个元素即为事件源。 常用3种的事件源获取方法： 1.通过id名：document.getElementById("ID名"); 2.通过标签名：document.getElementsByTagName("标签名"); 3.通过类名：document.getElementsByClassName("类名"); 也可通过名称获取：document.getEle...
JS获取元素与事件基础
weixin_45011930的博客
04-23 284
Web APIs阶段与JS语法阶段的关联性 什么是API Application Interface API（应用程序编程接口）：一些预先定义的函数，目的是提供应用程序与开发人员基于某软件或者硬件得以访问一组例程的能力，而又无需访问源码或者理解内部工作机制的细节 什么是WebAPI Web API是浏览器提供的一套操作浏览器功能（BOM）和页面元素（DOM）的API Web API很多都是方法（函数） JS的组成 DOM：文档对象模型，是处理HTML的标准编程接口 通过这些DOM接口可以改变网页的内容，结
JS获取点击事件的内容
weixin_45313093的博客
03-04 1万+
JS获取点击事件的内容点击事件的方法获取点击事件的内容 点击事件的方法 <div> <a onclick="test()">点击</a> </div> <script> function test(){ var is=event.currentTarget; console.log($(is)); //获取当前元素，类同this 返回绑定事件的元素 console.log(
JavaScript函数获取事件源的小例子
10-25
在JavaScript中获取事件源的方法有多种，以下是几个主要的方式： 1. event.target：它指向触发事件的最顶层元素，即事件最初发生时所对应的元素。 2. event.currentTarget：它指向绑定事件监听器的元素，即当前...
js获取事件源及触发该事件的对象
10-26
获取事件源的方法主要有两种： 1. 在标准浏览器（如Chrome、Firefox）中，可以通过`event.target`属性来获取触发事件的元素。这个属性返回的是事件的实际目标节点，即事件的源头。 2. 在Internet Explorer浏览器...
DOM—DOM 事件基础知识点总结
weixin_52984349的博客
08-20 1209
DOM—DOM 事件基础知识点总结
Event事件学习实用路线（4）——Event事件之事件源
xiao廸要飞
04-25 449
Event事件之事件源 （后续待补充）
javascript事件函数中获得事件源的两种不错方法
12-12
在javascript的事件响应中，许多情况我们需要获得事件源对象来对其属性进行更改，比如更改img的src属性。在事件响应函数中获得事件源的方法有如下两种： 第一种： 直接把作为一个参数传入。例如 代码如下: <div id=”myid” xss=removed>text</div> [removed] function show(obj){ window.alert(obj.id); } [removed] 第二种： 直接掉用隐藏的event对象。event对象有个srcElement属性，可以直接访问它 代码如下: <
js中获取事件对象的方法小结
12-01
代码如下: var evt = window.event || arguments[0]; 下面分三种添加事件的方式讨论，你也许会看到以前没有看到过的获取方式。 1，第一种添加事件的方式，直接在html的属性中写JS代码 代码如下: <div xss=removed>Div1 Element</div> 大概这是上世纪90年代的写法，那时候直接把js代码写在网页中很普遍，也许那时候的js并不太重要，只是用来做做验证或一些花哨的效果而已。如何在这种添加事件方式下获取到事件对象？IE中很简单，因为event是作为全局对象的，所以直接使用event即可，如下 代码如下: <d
HTML事件
郑长风
12-17 1539
转载：http://jiangzhengjun.javaeye.com/blog/480996事件DOM同时支持两种事件模式：捕获型事件和冒泡型事件，但是，捕获型事件先发生。两种事件流会触及DOM中的所有对象，从document对象开始，也在document对象结束（大部分兼容标准的浏览会继续将事件捕获/冒泡延续至window对象），DOM中的元素都会连续收到两次事
【html5】html学习笔记1
weixin_30847939的博客
08-02 145
html5语法规则 1.标签要小写 2.省略标签 如 <tr> <td> <tr><td> 3.属性不加” 如 <div id=div1> 4.单标签不加结束标签 如 <img src=""> 5.废除标签fontcenterbig等 6 html5文档声明<!DOCTYPEHTML...
获取dom节点(事件源)的三种方法
大前端
04-05 528
1. 传统方式 var div1 = document.getElementById("box1"); //方式一：通过id获取单个标签 var arr1 = document.getElementsByTagName("div"); //方式二：通过 标签名 获得 标签数组，所以有s var arr2 = document.getElementsByClassName("hehe"); //方式三：通过 类名 获得 标签数组，所以有s 2. html5新选择器 document.querySelecto
javaScript获取事件源的两种方式
NullPointerException的博客
01-20 9006
方式一：  通过event对象的srcElement属性；  例： node=event.srcElement; 方式二：  将事件源对象通过this传入；  例：<div onclick="change(this)">获取事件源对象  function change(node){ }
获取事件源元素的方法总结
热门推荐
吴小迪的博客
05-14 3万+
以下为HTML代码： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <ul id="test"> <li>这是第一条</li> &l...
javascript事件：获取事件对象getEvent函数_2
zouduchen的博客
08-08 741
　　if(e && (e.constructor===Event || e.constructor===MouseEvent || e.constructor===KeyboardEvent)){ 　　return e; 　　} 　　}while(f=f.caller); 　　}
JavaScript 获取元素及事件
苦涩
06-19 2159
使用ID获取元素对象 document.getElementById( “ID” );：返回文档中一个指定ID的元素对象，用于精确获取；若找到则返回该元素对象，否则返回null 获取或设置元素内容 innerText方法 元素对象.innerText = “文本”：返回或设置标签内的文本值，不包含HTML标签 <div id="zxw">id选择器</div> <script> var zxw = document.getElementById("zxw.
vue键盘事件怎么获取到事件源
最新发布
04-19
在方法中，使用 $event 来获取事件对象，即事件源。例如： ``` <div @keyup.esc="onEscKeyUp"></div> export default { methods: { onEscKeyUp(event) { console.log(event.target); // 输出事件源 }, },...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值