Javascript中this和 event作为参数传递的意义解释

时间: 作者:admin 浏览:

简单地说:
this是指当前的对象,将对象传进来就可以得到对象的相关属性id,style等等;
event则是将当前这个事件传进来,传进来就可以得到当前事件的相关属性,事件发生的位置,状态,类型等等;
比如onclick事件,当点击当前对象,就把这个点击事件传进来,那么这个事件发生的位置clientX/clientY/,类型type,发生时某个目标的状态shiftKey等等,请看一下例子:

HTML代码部分:

<div onClick="onCk(this, event)" ></div>

Javascript代码部分:

function onCk(obj, event){
    alert(event.clientX);//光标位置
    alert(event.clientY);
    alert(event.offsetX);
    alert(event.offsetY);
    alert(event.screenX);
    alert(event.screenY);
    alert(event.ctrlKey);
    alert(event.shiftKey);//shift按键状态
    alert(event.x);
    alert(event.y);
    alert(event.type);//事件类型
    alert(event.toElement);//这个要结合onmouseover和onmouseout来用
    alert(obj.id);//当前对象(div)的id
    alert(obj.style.position);//当前对象的style属性值
}
微信公众号
微信公众号:
  • 前端全栈之路(微信群)
前端QQ交流群
前端QQ交流群:
  • 794324979
  • 734802480(已满)

更多文章

栏目文章


Copyright © 2014-2023 seozhijia.net 版权所有-粤ICP备13087626号-4