js事件源window.event.srcElement兼容性写法(详解)


Posted in Javascript onNovember 25, 2016

如下所示:

<html>
<body>
<p>一个好处就是 我想让body(或其他元素内)的某些对象响应事件 就不用挨个儿去写
只要在外层上写一个 然后检查event.srcElement.tagName或其他属性是不是你想要的来决定是否响应事件就可以了.不过好像event.srcElement在ff里不起作用 </p>
<p>比如</p>
<p>
<input value="input">
<br>
<span>span</span></p>
<div>div</div>

<p>event对象指当前触发的事件对象,  window.event.srcElement是指触发事件的对象。比如你设定document.onclick  
=  myfunc;这时所有页面点击的事件都交给myfunc处理,在myfunc函数里可以写vSrc  =  window.event.srcElement,
知道用户是点击了什么地方,做相应处理。  
你找个HTML文件,在其中加上这么一段:</p>
<p>
<textarea rows="10" cols="90">
  <script  languange  =  "javascript">  
document.onclick  =  myfunc;  
 
</script> 
</textarea>  
<script  languange  =  "javascript">  
document.onclick  =  myfunc;  
function myfunc()
{
var evt=getEvent();
var element=evt.srcElement || evt.target;
alert(element.tagName)
}
//在 ie中处理事件直接使用window.event对象即可,但在firefox中,是没有 window.event对象的,函数需要使用事件的时候,
//需要在事件发生时把事件作为参数传递给函数,不象在ie中,事件对象是全局的,随处都可以访 问.下面这个getEvent()函数可以兼容firefox和ie,
//只需要在访问事件对象的函数的开始调用getEvent()即可,不用再把事件作为 参数传递.以下代码已经实验通过! 
function getEvent()
{
if(document.all)
{
return window.event;//如果是ie
}
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>
</p>
<p>试试就知道了。 <a href=#>void(0)是一个不做任何事的函数。</a>
</p>
</body>

 </html>

以上这篇js事件源window.event.srcElement兼容性写法(详解)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
自动检查并替换文本框内的字符
Jun 30 Javascript
JS解析json数据并将json字符串转化为数组的实现方法
Dec 25 Javascript
jquery ajax对特殊字符进行转义防止js注入使用示例
Nov 21 Javascript
jquery利用命名空间移除绑定事件的方法
Mar 11 Javascript
javascript递归回溯法解八皇后问题
Apr 22 Javascript
javascript+ajax实现产品页面加载信息
Jul 09 Javascript
JavaScript必知必会(二) null 和undefined
Jun 08 Javascript
vue 项目常用加载器及配置详解
Jan 22 Javascript
JavaScript中call和apply方法的区别实例分析
Aug 03 Javascript
Vue中import from的来源及省略后缀与加载文件夹问题
Feb 09 Javascript
文章或博客自动生成章节目录索引(支持三级)的实现代码
May 10 Javascript
JavaScript中如何调用Java方法
Sep 16 Javascript
使用JS读取XML文件的方法
Nov 25 #Javascript
JS比较两个数值的大小实例
Nov 25 #Javascript
使用JavaScript解决网页图片拉伸问题(推荐)
Nov 25 #Javascript
js移动焦点到最后位置的简单方法
Nov 25 #Javascript
详解JS几种变量交换方式以及性能分析对比
Nov 25 #Javascript
深入浅析Vue组件开发
Nov 25 #Javascript
javascript中href和replace的比较(详解)
Nov 25 #Javascript
You might like
基于mysql的bbs设计(一)
2006/10/09 PHP
PHP数字格式化
2006/12/06 PHP
mysql5详细安装教程
2007/01/15 PHP
php遍历数组的方法分享
2012/03/22 PHP
Javascript 获取字符串字节数的多种方法
2009/06/02 Javascript
js form 验证函数 当前比较流行的错误提示
2009/06/23 Javascript
jQuery 前的按键判断代码
2010/03/19 Javascript
深入理解JavaScript系列(28):设计模式之工厂模式详解
2015/03/03 Javascript
jQuery实现文本展开收缩特效
2015/06/03 Javascript
深入学习JavaScript的AngularJS框架中指令的使用方法
2016/03/05 Javascript
详解JavaScript跨域总结与解决办法
2016/10/31 Javascript
ionic2打包android时gradle无法下载的解决方法
2017/04/05 Javascript
20行js代码实现的贪吃蛇小游戏
2017/06/20 Javascript
JS获取浏览器地址栏的多个参数值的任意值实例代码
2018/07/24 Javascript
js监听html页面的上下滚动事件方法
2018/09/11 Javascript
JavaScript 实现下雪特效的示例代码
2020/09/09 Javascript
[10:21]DOTA2-DPC中国联赛 正赛 PSG.LGD vs Aster 选手采访
2021/03/11 DOTA
linux系统使用python监测系统负载脚本分享
2014/01/15 Python
Python实现备份文件实例
2014/09/16 Python
详细介绍Python的鸭子类型
2016/09/12 Python
Python获取系统所有进程PID及进程名称的方法示例
2018/05/24 Python
Python2.7.10以上pip更新及其他包的安装教程
2018/06/12 Python
Python切片操作去除字符串首尾的空格
2019/04/22 Python
pycharm实现在虚拟环境中引入别人的项目
2020/03/09 Python
Python爬虫requests库多种用法实例
2020/05/28 Python
Python logging日志模块 配置文件方式
2020/07/12 Python
解决Django响应JsonResponse返回json格式数据报错问题
2020/08/09 Python
美国益智玩具购物网站:Fat Brain Toys
2017/11/03 全球购物
匡威意大利官方商店 :Converse意大利
2018/11/27 全球购物
2014年最新离婚协议书范本
2014/10/11 职场文书
社区三八妇女节活动总结
2015/02/06 职场文书
2015年班级工作总结范文
2015/04/03 职场文书
2015年农村党员公开承诺事项
2015/04/28 职场文书
一百条裙子读书笔记
2015/07/01 职场文书
祝福语集锦:给百岁老人祝寿贺词
2019/11/19 职场文书
Nginx服务器添加Systemd自定义服务过程解析
2021/03/31 Servers