js获取鼠标所在html元素的id和属性

js获取鼠标所在html元素的id和属性：

Code:

<div onclick="Get_srcElement()">
<div id="001" style="border:1px solid red;width:100%;height:500px"> <span id="node001">这是第1结点div001<span>
<div id="002" style="border:1px solid red;width:80%;height:300px"> <span id="node002">这是第2结点div002<span>
<div id="003" style="border:1px solid red;width:50%;height:200px"> <span id="node003">这是第3结点div003<span>
</div>
<div id="004" style="border:1px solid red;width:50%;height:200px"> <span id="node003">这是第3结点div004<span>
</div>
</div>
</div>
<script>
function Get_srcElement()
{
var srcElement=""
srcElement= srcElement + " \n" + "event.srcElement.id : " + event.srcElement.id
srcElement= srcElement + " \n" + "event.srcElement.children[0].tagName: " + event.srcElement.children[0].tagName
srcElement= srcElement + " \n" + "event.srcElement.firstChild.id : " + event.srcElement.firstChild.id
srcElement= srcElement + " \n" + "event.srcElement.lastChild.id : " + event.srcElement.lastChild.id
alert(srcElement)
}
</script>
</div>
<div id="div_001">
<form id="form_001">
<input type="button" id="button_001_id" name="button_001_Name" value="单击查看" class="button_001_Class" onclick="Get_srcElement2(this)">
</form>
</div>
<script>
function Get_srcElement2()
{
var srcElement=""
srcElement= srcElement + " \n" + "event.srcElement.id : " + event.srcElement.id
srcElement= srcElement + " \n" + "event.srcElement.tagName : " + event.srcElement.tagName
srcElement= srcElement + " \n" + "event.srcElement.type : " + event.srcElement.type
srcElement= srcElement + " \n" + "event.srcElement.value : " + event.srcElement.value
srcElement= srcElement + " \n" + "event.srcElement.name : " + event.srcElement.name
srcElement= srcElement + " \n" + "event.srcElement.className : " + event.srcElement.className
srcElement= srcElement + " \n" + "event.srcElement.parentElement.id : " + event.srcElement.parentElement.id
srcElement= srcElement + " \n" + "event.srcElement.getattribute : " + event.srcElement.getAttribute
alert(srcElement)
}
</script>

目前不兼容火狐，参考下面代码进行修改看看可行否，我有时间再修改本篇日志。

function Get_srcElement(e)
{
ee=window.event||e;
var tmpObj = ee.srcElement || ee.target;
var srcElement = srcElement + " " + "event.srcElement.id : " + tmpObj .id
alert(srcElement)
}

js获取鼠标所在html元素的id和属性相关推荐

使用小技巧教你用Selenium获取鼠标指向的元素
有一个同学在Gne的群里面咨询如何通过Selenium获取当前鼠标指向的元素,在我讲了方法以后,他过了两天又来问: 那么,我今天就来写一篇文章,具体说说应该怎么操作. 这个方法的核心,是借助JavaS ...
获取触发事件的元素的ID
有什么方法可以获取触发事件的元素的ID? 我在想类似的东西: <html><head><script type="text/javascript" s ...
js获取对象的父元素,子元素,兄弟元素
今天测试我昨天写好的js插件,发现昨天考虑欠妥,导致[修改]做不了了!主要原因是我以前都是遍历表格,在每条记录后面添加修改按钮.现在用局部刷新表格的方法,每次都自动生成表格内容,以致于无法在记录后面生 ...
VUE预览PDF文件并利用pdf.js获取鼠标选中的文字和搜索，在iframe中获取选中文字，监听鼠标事件，右键菜单
一.VUE预览PDF文件并利用pdf.js获取鼠标选中的文字和搜索需求实现:vue实现预览pdf文件,获取到鼠标选中的文字数据.调用pdf.js自带的搜索方法实现搜索功能(后期可以调用该接口满足其他 ...
JS获取鼠标位置，兼容IE FF
JS获取鼠标位置,兼容IE FF 由于Firefox和IE等浏览器之间对js解释的方式不一样,firefox下面获取鼠标位置不能够直接使用clientX来获取.网上说的一般都是触发mousemove事 ...
js取iframe 上级页面_原生js获取iframe中dom元素--父子页面相互获取对方dom元素的方法...
用原生js在父页面获取iframe子页面的元素,以及在子页面获取父页面元素,这是平时经常会用到的方法,这里写一个例子来总结下: 1.父页面(demo.html),在父页面修改子页面div的背景色为灰色 ...
js 获取鼠标在画布的位置_JS获取鼠标位置（鼠标坐标）
在 JavaScript 中,当事件发生时,获取鼠标的位置是件很重要的事件.由于浏览器的不兼容性,不同浏览器分别在各自事件对象中定义了不同的属性,说明如下表所示.这些属性都是以像素值定义了鼠标指针的坐 ...
js html5 省份城市,如何使用JS获取用户所在城市及地理位置
这次给大家带来如何使用JS获取用户所在城市及地理位置,如何使用JS获取用户所在城市及地理位置的注意事项有哪些,下面就是实战案例,一起来看一下. 获取用户地理位置 $.getScript('http:/ ...
原生js获取html元素高度,js获取页面及个元素高度、宽度的代码
网页可见区域宽: document.body.clientWidth; 网页可见区域高: document.body.clientHeight; 网页可见区域宽: document.body.offs ...

js获取鼠标所在html元素的id和属性

js获取鼠标所在html元素的id和属性相关推荐

最新文章

热门文章