js this 和 event 的分别。前些天在看javascript入门特出-事件1章中来看了 this 和 event
两种传参情势。因为作为2个低端的前端开辟职员日常只用过
this传参,so很想弄明白,this和event的不相同是什么,什么状态下用哪些相比较方便。

后天在看javascript入门卓越-事件一章中观察了 this 和 event
三种传参格局。因为作为三个低级的前端开垦人士平日只用过
this传参,so很想弄通晓,this和event的界别是怎么样,什么情形下用什么样相比较适度。

基于js中this和event 的区别(详解),jsevent

明天在看javascript入门优秀-事件一章中看到了 this 和 event
三种传参方式。因为作为1个低级的前端开拓职员平常只用过
this传参,so很想弄通晓,this和event的区分是如何,什么情形下用什么相比较适度。

onclick =
changeImg(this)       vs     onclick = changeImg(event)

<img src='usa.gif' onclick="changeImg(event)" />
<script>
  var myImages = [
    'usa.gif','canada.gif','jamaica.gif','mexico.gif'
  ];
  function changeImg(e) {
    var el = e.target;
    var newImgNumber = Math.round(Math.round()*3);
    while(el.src.indexOf(myImages[newImgNumber]) != -1){
      el.src =myImages[newImgNumber];
    }
  }
</script>

一.this是Javascript语言的一个重中之重字。

2.this代表函数启动时,自动生成的1个里边对象,只万幸函数内部选择。

3.this和event.target的区别:

js中事件是会冒泡的,所以this是足以退换的,但event.target不会变卦(在事件触发时,只传递当前event对象的引用),它世代是间接收受事件的目标DOM成分;

除此以外,this和event.target都是dom对象,假使要运用jquey中的方法能够将她们转移为jquery对象:$(this)和$(event.target);

上述那篇基于js中this和event
的分别(详解)就是我分享给大家的全体内容了,希望能给我们二个参照,也冀望大家多多协助帮客之家。

的区别(详解),jsevent
前日在看javascript入门出色-事件1章中看到了 this 和 event
二种传参格局。因为作为一个低端的前端开…

  onclick = changeImg(this)     
 vs     onclick = changeImg(event)

onclick =
changeImg(this)       vs     onclick = changeImg(event)

<img src='usa.gif' onclick="changeImg(event)" />
<script>
  var myImages = [
    'usa.gif','canada.gif','jamaica.gif','mexico.gif'
  ];
  function changeImg(e) {
    var el = e.target;
    var newImgNumber = Math.round(Math.round()*3);
    while(el.src.indexOf(myImages[newImgNumber]) != -1){
      el.src =myImages[newImgNumber];
    }
  }

</script>
<img src='usa.gif' onclick="changeImg(event)" />
<script>
  var myImages = [
    'usa.gif','canada.gif','jamaica.gif','mexico.gif'
  ];
  function changeImg(e) {
    var el = e.target;
    var newImgNumber = Math.round(Math.round()*3);
    while(el.src.indexOf(myImages[newImgNumber]) != -1){
      el.src =myImages[newImgNumber];
    }
  }
</script>
  1. this是Javascript语言的2个要害字。 

  2. this代表函数运转时,自动生成的三个之中对象,只可以在函数内部使用。

  3. 金沙注册送58 ,this和event.target的区别:

一.this是Javascript语言的3个注重字。

    js中事件是会冒泡的,所以this是足以变动的,但event.target不会变卦(在事件触发时,只传递当前event对象的引用),它世代是一贯收受事件的目的DOM元素;

二.this表示函数运维时,自动生成的三个里边对象,只幸好函数内部使用。

  别的,this和event.target都以dom对象,假诺要利用jquey中的方法能够将她们转移为jquery对象:$(this)和$(event.target);

3.this和event.target的区别:

  前几日(2017/12/0六)开掘了更详细的讲解,有利用进程中的详细介绍,须求的伴儿们得以自行查看:jquery
关于event.target使用的几点表达介绍

js中事件是会冒泡的,所以this是足以扭转的,但event.target不会转移(在事件触发时,只传递当前event对象的引用),它世代是一向承受事件的对象DOM成分;

其它,this和event.target都是dom对象,要是要选用jquey中的方法能够将她们改变为jquery对象:$(this)和$(event.target);

如上那篇基于js中this和event
的分歧(详解)便是作者分享给咱们的全部内容了,希望能给大家一个参阅,也冀望大家多多支持脚本之家。

你可能感兴趣的篇章:

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

相关文章

网站地图xml地图