内容字号: 默认 大号 超大号

段落设置:段首缩进取消段首缩进

字体设置:切换到宋体切换到微软雅黑

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

发布:2016-05-20 浏览: 评论(

简单地说:
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属性值
}
前端新手交流群
欢迎加入web前端新手交流qq群:734802480

更多文章

相关文章

评论

发表评论愿您的每句评论,都能给大家的生活添色彩,带来共鸣,带来思索,带来快乐。


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