最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

JS中的THIS和WINDOW.EVENT.SRCELEMENT详解_javascript技巧

来源:动视网 责编:小采 时间:2020-11-27 21:38:45
文档

JS中的THIS和WINDOW.EVENT.SRCELEMENT详解_javascript技巧

JS中的THIS和WINDOW.EVENT.SRCELEMENT详解_javascript技巧:我们先看一个简单的例子: 代码如下: 完全没有问题。 那么什么情况下不可以用? fuction method() { alert(this.value); } 这个就不可以,因为method()是被响应函数调用的函数。 那么这种情况下怎么办? 方法一: fuction method
推荐度:
导读JS中的THIS和WINDOW.EVENT.SRCELEMENT详解_javascript技巧:我们先看一个简单的例子: 代码如下: 完全没有问题。 那么什么情况下不可以用? fuction method() { alert(this.value); } 这个就不可以,因为method()是被响应函数调用的函数。 那么这种情况下怎么办? 方法一: fuction method


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

代码如下:
完全没有问题。

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

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

那么这种情况下怎么办?

方法一:

没问题!

方法二:

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

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


 

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

this:

下面先看一个例子:

 
 this与srcElement的区别
 
 

此时弹出的答案为“undefined”,说明在调用函数时不能使用this.属性来获取。再看下一个例子:

 
 
 
 无标题页
 

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

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

window.event.srcElement:

下面看一个例子:

 
 
 
 无标题页
 

此时得出的答案为“单击”,说明在调用函数时可以使用window.event.srcElement.属性来获取。

为什么this不能直接使用而window.event.srcElement可以直接使用呢?从单纯的字面上说this的意思是“当前”。在函数调用时,没有指定具体是哪一个控件,在函数中直接用this是不可以的。在第二段代码中就将this当成了参数传递,所以能得出正确的答案。

其实this和window.event.srcElement的使用区别是:如果要直接使用this.属性,此时的函数不能是被调用的而必须是响应函数,而window.event.srcElement则无此。

以上所述就是本文的全部内容了,希望大家能够喜欢。

文档

JS中的THIS和WINDOW.EVENT.SRCELEMENT详解_javascript技巧

JS中的THIS和WINDOW.EVENT.SRCELEMENT详解_javascript技巧:我们先看一个简单的例子: 代码如下: 完全没有问题。 那么什么情况下不可以用? fuction method() { alert(this.value); } 这个就不可以,因为method()是被响应函数调用的函数。 那么这种情况下怎么办? 方法一: fuction method
推荐度:
标签: js 详解 java
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top