黑马程序员技术交流社区

标题: js中this和srcElement的用法的区别 [打印本页]
作者: 马晓凤    时间: 2013-7-16 23:09
标题: js中this和srcElement的用法的区别
本帖最后由 马晓凤 于 2013-7-22 15:44 编辑

js中this和srcElement的用法的区别？？？
作者: 许庭洲    时间: 2013-7-17 06:09
本帖最后由 许庭洲 于 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为左右键同时按住。
作者: 小周学诚    时间: 2013-7-17 09:48
在函数调用时不能直接使用this.属性来获取，而必须将this当作参数传递。
作者: 小周学诚    时间: 2013-7-17 09:49
而window.event.srcElement可以直接使用
作者: 高文咪    时间: 2013-7-17 14:28
this和window.event.srcElement的使用区别：如果要直接使用this.属性，此时的函数不能是被调用的而必须是响应函数，而window.event.srcElement则无此限制;
下面两张图是有关他们两个用法的实例；

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

this要这样才能得到值；

this要这样才能得到值；

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

srcElement方法可以直接调用；

srcElement方法可以直接调用；
作者: 深圳在漂移    时间: 2013-7-22 13:35
其实this和window.event.srcElement的使用区别是：如果要直接使用this.属性，此时的函数不能是被调用的而必须是响应函数，而window.event.srcElement则无此限制。





欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) 黑马程序员IT技术论坛 X3.2