event.srcElement 说明 方法 技巧
得到或设置触发事件的对象。event.srcElement就是指向触发事件的元素,他是什么就有什么的属性srcElement 是事件初始目标的html元素对象引用,因为事件通过元素容器层次冒泡,可以在任一层进行处理,所以由一个属性指向产生初始事件的元素是很有帮助的.有了元素的引用,就可以读/写改元素的属性,并调用他的任何方法.用法:event.s
·
得到或设置触发事件的对象。 event.srcElement就是指向触发事件的元素,他是什么就有什么的属性 srcElement 是事件初始目标的html元素对象引用,因为事件通过元素容器层次冒泡,可以在任一层进行处理,所以由一个属性指向产生初始事件的元素是很有帮助的.有了元素的引用,就可以读/写改元素的属性,并调用他的任何方法. 用法: event.srcElement [ = oObject ] 可能的值: oObject: Object that specifies 或者 receives the event that fired. 该属性可读/写,没有默认值。IE4中只读。 详细说明和例子: http://msdn.microsoft.com/workshop/author/dhtml/reference/properties/srcelement.asp 例子1: <script> function a() { alert("您点击的标记是:" + event.srcElement.tagName) ; //tagName还 可以是id } </script> <body οnclick="a()"> 点鼠标测试<br> <input> <a href=#>test</a> <div>测试</div> <p>测试</p> <span>测试</span> 例子 2: 通过一个函数实现每个<Td>里添加一个onclick,并对对应相应的ID <table border=1 width=50%> <tr> <td id="d1" align="center">1</td> <td id="d2" align="center">2</td> <td id="d3" ALIGN="center">3</td> <td id="d4" align="center">4</td> <td id="d5" align="center">5</td> <td id="d6" ALIGN="center">6</td> </tr> </table> <script> for(var i=1;i<=6;i++) { eval("d"+i).attachEvent("onclick",Fclick); } function Fclick() { alert(event.srcElement.id); } </script> 例子3: 比如:var e=window.event.srcElement; e.style.backgroundColor='blue'; srcElement表示事件源 在mozilla中 el = e.target ? e.target : e.srcElement; 例二 <html> <script> function getEvent() {var i = 0; if(document.all)return window.event; func=getEvent.caller; while(func!=null) { var arg0=func.arguments[0]; if(arg0) { if(arg0.constructor==Event){ return arg0; } } func=func.caller; } return null; } document.onclick = function(e) //要兼容FF的话,这个参数一定要写上 { e = getEvent(); var srcElement = e.srcElement || e.target; alert(srcElement.innerHTML); } </script> <body> window.event事件测试<br/> <input type="button" name="b_test" value="测试"> </body> </html>
更多推荐
已为社区贡献1条内容
所有评论(0)