Js获取事件对象代码
2010-08-05 00:00
736 查看
一般做法:
或者:
返回的值都是 “[object Event]“。
但如果是这种方式呢?
“内事不决问百度,外事不决问谷歌”, 此言不虚。搜索了下,答案还真不少,不过大多数雷同(可能是巧合)。 https://www.geek-share.com/detail/2459796805.html http://www.cnblogs.com/cuixiping/archive/2008/04/13/1150847.html
愚公 的这个文章(貌似转帖)还是颇有见解的。
一般来说,很少用到这种嵌入式的写法(js写在html标签中 onclick="testFun_1()"),也不推荐使用这种方法,会造成维护和开发的麻烦。
<input type="button" id="test" value="点我测试" /> <script type="text/javascript"> var testBtn = document.getElementById('test'); testBtn.onclick = testFun; function testFun(e) { var evt = e || window.event; alert(evt); } </script>
或者:
<input type="button" id="test" value="点我测试" /> <script type="text/javascript"> var testBtn = document.getElementById('test'); if(window.addEventListener) { testBtn.addEventListener('click', testFun, false); } else if(window.attachEvent) { testBtn.attachEvent('onclick', testFun); } function testFun(e) { var evt = e || window.event; alert(evt); } </script>
返回的值都是 “[object Event]“。
但如果是这种方式呢?
<input type="button" id="test_1" value="点我测试" onclick="testFun_1()" /> <script type="text/javascript"> function testFun_1() { //此处如何获得? } </script>
“内事不决问百度,外事不决问谷歌”, 此言不虚。搜索了下,答案还真不少,不过大多数雷同(可能是巧合)。 https://www.geek-share.com/detail/2459796805.html http://www.cnblogs.com/cuixiping/archive/2008/04/13/1150847.html
愚公 的这个文章(貌似转帖)还是颇有见解的。
<input type="button" id="test_1" value="点我测试" onclick="testFun_1()" /> <script type="text/javascript"> function testFun_1() { var evt = getEvent(); alert(evt); } function getEvent(){ if(window.event) return window.event; //这里用对象检测更为妥当 func=getEvent.caller; while(func!=null){ var arg0=func.arguments[0]; if(arg0){ if((arg0.constructor==Event || arg0.constructor ==MouseEvent) || (typeof(arg0)=="object" && arg0.preventDefault && arg0.stopPropagation)){ return arg0; } } func=func.caller; } return null; } </script>
一般来说,很少用到这种嵌入式的写法(js写在html标签中 onclick="testFun_1()"),也不推荐使用这种方法,会造成维护和开发的麻烦。
相关文章推荐
- Js获取事件对象代码
- js获取事件源(触发该事件的对象)
- JS获取对象代码示例
- JS获取事件对象,获取事件的源对象(Firefox,IE)
- JS 获取触发事件的对象
- js获取鼠标点击的对象,点击另一个按钮删除该对象的实现代码
- js获取触发事件对象
- 获取对象的接口信息(方法/属性/事件)(VB6代码)
- js获取事件对象
- js中获取事件对象的方法小结
- js事件定义方式和获取事件对象event总结
- js中获取触发事件对象的标签名称
- js获取控件class属性,事件获取事件源(事件对象)
- JS 获取触发事件的对象(IE/FireFox)
- js 获取焦点事件所在的对象
- js向body创建对象、对象属性、对象事件,js获取元素坐标、元素边框大小、真实大小
- JS获取事件对象,获取事件的源对象(Firefox,IE)
- 获取js事件对象
- js中获取事件对象的方法小结