javascript 获取鼠标所点击的对象

最新推荐文章于 2022-09-09 15:17:39 发布
最新推荐文章于 2022-09-09 15:17:39 发布
阅读量5.4k 收藏 2
点赞数
分类专栏： javascript

event.srcElement就是指向触发事件的元素，他是什么就有什么的属性
srcElement 是事件初始目标的html元素对象引用,因为事件通过元素容器层次冒泡,可以在任一层进行处理,所以由一个属性指向产生初始事件的元素是很有帮助的.有了元素的引用,就可以读/写改元素的属性,并调用他的任何方法.


例：显示鼠标所点击的对象名称(tagName)
<html>
<head>
<script language="javascript">
function bb(){
alert(event.srcElement.tagName);
}
document.οnclick=bb;
</script>
</head>
<body>
<hr>
<center>
<h3>文字的内容</h3>
</center>
<img height="100" width="50" />
</body>

</html>


转载自：http://kenkelly.blog.163.com/blog/static/1177579200781104139745/

Coding-lover
关注
专栏目录
JAVA中的鼠标双击事件
11-08
JAVA中的鼠标双击事件
javascript获取鼠标点击元素对象
aoxi0033的博客
03-08 713
IE： var obj=document.elementFromPoint(event.clientX,event.clientY); 获取对象文本 var a=obj.innerText FF里面要在事件里面添加对象才可以读取坐标。 HTML： onclick="gj(event)" JS： function gj(event){ var b=objobj...
取得鼠标所在位置的对象
CreaTive1911的专栏
12-21 1084
取得鼠标所在位置的对象     function fnGetTable( oEl ){ try{  while( null != oEl && oEl.tagName!="TABLE" ) {  oEl = oEl.parentElement; } return oEl; } catch(e) { return null; }}function pos(){ try{  oElement = d
javascript获取点击元素对象
m0_56726855的博客
09-21 6949
获取当前鼠标点击的HTML元素对象 ，可用于判断点击菜单外元素是否为下拉按钮元素实现点击下拉菜单外区域关闭下拉菜单。 实现代码 window.onclick = function (e) { // 获取点击元素对象 var element = document.elementFromPoint(e.clientX,e.clientY); // 获取点击元素的类名并弹窗显示 alert(element.classList); } 测试代码及效果 <...
获取鼠标处对象的标签名称
shenzhenNBA的专栏
03-13 2389
获取鼠标处元素/对象的标签名称, function mouseObj(e){ //function to judement the object over the mouse var evt=e||window.event; var objX = evt.srcElement || evt.target || evt; //alert(objX.tagName); if(objX
javascript获取鼠标点击元素对象(示例代码)
10-26
1. 使用JavaScript获取鼠标点击的元素对象是一种常见的前端技术需求，可以通过事件监听和相关API实现。 2. 当页面上的元素被鼠标点击时，可以触发一个事件处理函数，例如一个`onclick`事件。 3. 在实现获取鼠标...
javascript获取鼠标点击元素对象(示例代码).docx
01-18
### JavaScript 获取鼠标点击元素对象详解 #### 一、引言 在前端开发中，通过JavaScript获取用户鼠标点击的元素对象是一项基本且实用的功能。这项技术不仅能够帮助开发者更好地响应用户的交互行为，还能够用于实现...
基于JavaScript实现 获取鼠标点击位置坐标的方法
10-27
总的来说，通过本篇文章，我们学习到了如何利用JavaScript事件对象获取鼠标点击事件的坐标，并根据不同浏览器的兼容性问题，编写相应的代码来获取准确的位置信息。掌握这些知识点对于前端开发人员来说是非常重要的，...
js获取鼠标点击的对象,点击另一个按钮删除该对象的实现代码
10-22
根据给定文件的内容，我们可以了解到如何...以上所述的知识点和实现步骤构成了js获取鼠标点击的对象，并通过点击按钮来删除该对象的核心技术内容。通过这种方法，可以动态地实现用户界面元素的交互操作，提高用户体验。
js 获取鼠标选中的区域（带节点）
bug搬运工
09-09 2606
js 获取鼠标选中的区域（带节点）
JS获取鼠标点击对象
weixin_34178244的博客
05-16 791
问题的提出： 在一个用户列表中，当点击用户时候，弹出这个用户的详细信息，怎么做？当然了，如果你想弹出一个新页面，那就算求了，就不用看这个，这个时候如果弹出一个新页面，就是说会向服务器回发一次，速度就降低了撒，使用最好是直接弹出一个层，然后在这个层里面现实这个人的详细信息。而这个层你不会让人家固定在一个地方撒？对不对？好，那你就要去获取你点击的地方的X,Y坐标了，但是这样不行啊，你得指定一个地方啊...
在js中如何获取到你点击的元素的html、对象、属性值、以及自定义的属性值
热门推荐
xyq286654901的博客
05-25 5万+
前言：记录自己在工作中遇到的小问题，积少成多！因为是新手，有什么写的不好的地方还希望大家能够指出来。有什么更好的解决方法也希望大家能提出来，一起交流分享！（小弟在这里先谢谢大家） 直接上代码： 1、jsp页面代码 首先定义两个按钮,添加一些常规属性type、id、value 其次再定义给每个按钮一个自定义的属性custom 与方法一配套的input 与方法二配套的i
js获取鼠标点击位置坐标
qq_44884287的博客
04-08 6172
js获取鼠标点击位置坐标
JS javascript 点击鼠标 鼠标事件 获取元素 获取元素Xpath
qq_43615820的博客
08-10 3307
JS javascript 点击鼠标 鼠标事件 获取元素 获取元素Xpath
javascript 获取鼠标点击的元素
彻底拆分，一切可控！
04-15 2万+
Untitled Document function show_element(e){ if(!e){ var e = window.event; } //获取事件点击元素 var targ = e.target; //获取元素名称 var tname = ta
vue.js click点击事件获取当前元素对象
weixin_44531304的博客
05-25 1万+
Vue.js可以传递$event对象 <body id="app"> <ul> <li v-on:click="say('hello!', $event)">点击当前行文本</li> <li>li2</li> <li>li3</li> </ul> <...
js 判断当前鼠标在哪个元素上
02-01 1万+
var el = window.document.body;//声明一个变量，默认值为body window.document.body.onmouseover = function(event){   el = event.target;//鼠标每经过一个元素，就把该元素赋值给变量el   console.log('当前鼠标在', el, '元素上');//在控制台中打印该变量
javascript示例：获取鼠标点击元素对象与坐标
在本文档中，我们将深入探讨如何使用JavaScript来获取鼠标点击时的实际元素对象。JavaScript提供了`document.elementFromPoint()`方法，这个功能对于处理用户交互和事件处理至关重要。该方法接收两个参数：鼠标在...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值