JS中的THIS和WINDOW.EVENT.SRCELEMENT详解

我们先看一个简单的例子：

代码如下:

那么什么情况下不可以用？

rush:js;"> fuction method() { alert(this.value); }

这个就不可以，因为method()是被响应函数调用的函数。

那么这种情况下怎么办？

方法一:

rush:js;"> fuction method(btn) { alert(btn.value); }

没问题！

方法二：

rush:js;"> fuction method() { alert(window.event.srcElement.value); }

没问题！window.event.srcElement取得触发事件的控件

我们在看一个稍微绕一点的例子

rush:js;">

我们再来看看2者之间的区别和联系

this：

下面先看一个例子：

rush:js;">

此时得出的答案为“单击”，此时为什么可以呢？从代码中可以看出，在onclick事件调用函数btnClick()时，将this当作参数传递给了函数。

综合以上：在函数调用时不能直接使用this.属性来获取，而必须将this当作参数传递。

window.event.srcElement:

下面看一个例子：

rush:js;">

原文地址：https://www.jb51.cc/js/54201.html

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [e-mail] 举报，一经查实，本站将立刻删除。

• 上一篇：JavaScript检测鼠标移动方向的方法下一篇：微信浏览器内置JavaScript对象Weix