A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

© 马晓凤 中级黑马   /  2013-7-16 23:09  /  3329 人查看  /  5 人回复  /   0 人收藏 转载请遵从CC协议 禁止商业使用本文

本帖最后由 马晓凤 于 2013-7-22 15:44 编辑

js中this和srcElement的用法的区别???

5 个回复

倒序浏览
本帖最后由 许庭洲 于 2013-7-17 06:11 编辑

1. srcElement表示获得事件源对象,几个事件共享一个事件响应函数用。
2. 事件中的this, 除了可以使用event.srcElement在事件响应函数中,this表示发生事件的控件。
3. 只有在事件响应函数才能使用this获得发生事件的控件,在事件响应函数调用的函数中不能使用,如果要用则要将this传递给函数或者使用event.srcElement.
4. (*)this和event.srcElement语义是不一样的,this就是表示当前监听事件的这个对象,event.srcElement是引发事件的对象。
5. keyCode表示发生事件时的按键值;
6. button发生事件时鼠标按键,1为左键,2为右键,3为左右键同时按住。
回复 使用道具 举报
在函数调用时不能直接使用this.属性来获取,而必须将this当作参数传递。
回复 使用道具 举报
而window.event.srcElement可以直接使用
回复 使用道具 举报
this和window.event.srcElement的使用区别:如果要直接使用this.属性,此时的函数不能是被调用的而必须是响应函数,而window.event.srcElement则无此限制;
下面两张图是有关他们两个用法的实例;

this.jpg (27.51 KB, 下载次数: 0)

this要这样才能得到值;

this要这样才能得到值;

srcElement.jpg (31.87 KB, 下载次数: 0)

srcElement方法可以直接调用;

srcElement方法可以直接调用;

评分

参与人数 1技术分 +1 收起 理由
zhangcheng5468 + 1 赞一个!

查看全部评分

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

回复 使用道具 举报
您需要登录后才可以回帖 登录 | 加入黑马