js怎么知道触发事件的元素

2024-08-18

js获取触发事件的元素

//获取事件 var e = window.event; //获取元素 obj = e.target || e.srcElement; console.log(e); checkRepeat(e.target.innerText); //获取触发事件的元素的文本

window.event.srcElement与window.event.target 触发事件的元素触发事件对象的获取，window.event与时间函数参数的event是同一个事件对象

判断事件触发的元素: var tag = window.event.target || window.event.srcElement; if (tag.tagName.toLowerCase() == "input") { return; } window.event.srcElement与window.event.target 都是指向触发事件的元素,它是什么就有什么样的属性 srcElement是事件初始化目标html元素对象引用,因为事件通过元

JQuery触发hover事件无效时使用js原生的触发事件方法

需求:在开发一个从微信公众号后台管理网页上爬取数据的chrome插件时,有部分页面元素是只显示了部分摘要信息的,需要把鼠标移上去后才能显示全部信息(类似title的弹出显示).这就需要在chrome插件中实现触发该元素的hover事件(或者mouseenter事件),让全部信息显示再从弹窗中获取数据.(由于开发时的环境需要客户提供微信公众号的后台账号等环境,这事儿过去一段时间了,无法再演示一遍) 环境:chrome浏览器问题:使用常见的jQuery触发事件方法无法成功触发事件并弹出窗口,现象表

javascript和jquery 获取触发事件的元素

一个很简单的问题,却因为大意,经常忘了处理,导致程序运行出错. <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <ul> <li> <ul> <li>listone</li> <li>listtwo

js多次触发事件，在一定延迟内只执行一次（事件累加）

js多次触发事件,在一定延迟内只执行一次的案例: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> .div{ width:200px; height:200px; background:red; transition:width 2s linear 0s; } </style> <

js jq 主动触发事件

js的自定义事件与触发 //主动触发事件:触发鼠标被按下事件 var btn2 =document.getElementById("btn2"); var btn = document.getElementById("btn"); //步骤1:先创建1个事件 var evObj = document.createEvent("MouseEvents"); //步骤2:初始化这个event evObj.initEvent("click&q

window.event.srcElement与window.event.target 触发事件的元素

IE浏览器支持window.event.srcElement , 而firefox支持window.event.target:<input type="text" onblur="alert(this.value)">//正确滴 ****************** <input type="text" onblur="method()">//错的啦<script>function meth

JS中手动触发事件的方法

如果大家将一张网页看成一个form的话,大致上就成了一个web form的模型.在win form 下要想手动触发某一个对象的事件是很简单的,只要发送一条消息即可达成.(PostMessage) 但是网页并不是基于消息机制的,如果我们想在一张网页上写出一个类似于按键精灵的功能该如何实现呢?为大家介绍js下的几个方法: 1. createEvent(eventType)参数:eventType 共5种类型: Events :包括所有的事件. HTMLEvents:包括 '

js设置回车键触发事件

设置按回车键时触发查询事件: document.onkeydown = function(e){ var ev = document.all ? window.event : e; if(ev.keyCode==13) { search(); } }

event.srcElement就是指向触发事件的元素，他是什么就有什么的属性

原文发布时间为:2009-06-29 -- 来源于本人的百度文章 [由搬家工具导入] 得到或设置触发事件的对象。 event.srcElement就是指向触发事件的元素，他是什么就有什么的属性 srcElement 是事件初始目标的html元素对象引用,因为事件通过元素容器层次冒泡,可以在任一层进行处理,所以由一个属性指向产生初始事件的元素是很有帮助的.有了元素的引用,就可以读/写改元素的属性,并调用他的任何方法. 用法： event.srcElement [ = oO

js中点回车enter触发事件&layui弹窗按enter键不停弹窗问题的解决&js实现鼠标焦点自动落到文本框(layui)

js中回车触发事件一. document.onkeydown = function (e) { // 回车提交表单 // 兼容FF和IE和Opera var theEvent = window.event || e; var code = theEvent.keyCode || theEvent.which || theEvent.charCode; if (code == 13) { queryInfo(); } } 二.JS监听某个DIV区域 $("#queryTable").

[JS]笔记14之事件委托

-->什么是事件委托-->事件委托原理-->事件委托优点-->事件源 / 目标源一.什么是事件委托通俗的讲,onclick,onmouseover,onmouseout等这些就是事件委托,就是这个事件本来应该加在某些元素上的,而你却加到其他元素上来完成这个事件. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> &

关于window.event.srcElement 和 window.event.target(触发事件的对象)

转自:https://www.cnblogs.com/zhilingege/p/7423817.html window.event.srcElement 是指触发事件的对象 <script LANGUAGE="JavaScript"> <!-- function mm() { var str = ""; for (mm in window.event.srcElement) str += mm+"="+ window.eve

js动态追加的元素如何触发事件

一般通过js或者jQuery动态添加的元素标签,通过该元素标签.class.id触发事件,是无效的.如下所示: <body> <input type="text" class="ceshi" /> <input type="text" class="ceshi" /> <input type="text" class="ceshi" />

JS/jQuery点击某元素之外触发事件

JQuery // 第一步:点击任何地方都触发事件 $(document).click(function(){ alert("点击当前页面的任何地方都触发此点击事件:"); }); // 第二步: 将某元素的位置设为不可点击:(此部分点击不会触发点击事件) $("#canotElem").click(function(){ event.stopPropagation(); }); JS // 第一步:点击任何地方都触发事件 document.onClick = fu

js实现文本框或文本域在用户输入时（oninput）触发事件，操作元素

写在前面:给不同的文本框设定同样的效果,当文本框没有内容输入时,‘下一步’按钮不可用且透明度为0.5.当有内容输入时(并不是获得焦点时focus),‘下一步’按钮状态可用, 且透明度为1. <script> window.onload = function () { var arrAccount = ['BankAccount', 'AlipayAccount']; var alpha = 50; for (var i = 0; i < arrAccount.length; i++) {

js模拟触发事件

html标签元素封装着实用的[事件],但在很多时候,需要[模拟触发事件],比如 [按钮单机事件] 可以实实在在点击按钮触发该事件,但体验而言,很多时候需要js逻辑处理让实现触发事件的效果这时就用到了 [模拟触发事件 ]只需要把事件on封装事件对象.封装事件() 即可需要注意的超链接标签=====================-=[转] 我尝试过多次用jQuery模拟用户点击a标签的功能,但都没有成功,并且困扰了很久.前段时间的一次发呆,冒出了新的想法,于是就动手进行了测

js和jquery中的触发事件

改别人的坑,遇到jquery选择器和fireEvent混用,不认识fireEvent方法报错. js的方法不能使用jquery的选择器去调用. 1.fireEvent (IE上的js方法 ) 我们来看看fireEvent跟onclick()触发事件是否相同.看下面的代码: <ul onclick='alert(event.srcElement.innerHTML);'> <li id='id1'>i am one;</li> <li id='id2'>i a

js click 与 onclick 事件绑定,触发与解绑

click 与 onclick 1.onclick 事件会在对象被点击时发生. <input id="btn1" type="button" onclick="test();" /> function test() { alert("我是行间事件"); } 当点击id="btn1"时,触发onclick事件 2.onclick事件会在click事件之前执行 <input id="

js代码点击触发事件

js触发按钮点击事件 function load(){ //下面两种方法效果是一样的 document.getElementById("target").onclick(); document.getElementById("target").click(); } 备注: 1.btnObj.click()是真正地用程序去点击按钮,触发了按钮的onclick()事件,按钮不隐藏的时候是可以调用的按钮隐藏之后就不行了,设定隐藏不要使用Visiable属性,使用style

js怎么知道触发事件的元素

热门专题