javascript事件函数中获得事件源的两种不错方法
更新时间：2014年03月17日 11:21:11 作者：
许多情况我们需要获得事件源对象来对其属性进行更改,在事件响应函数中获得事件源的方法有如下两种
在javascript的事件响应中，许多情况我们需要获得事件源对象来对其属性进行更改，比如更改img的src属性。在事件响应函数中获得事件源的方法有如下两种：
第一种：
直接把作为一个参数传入。例如
<div id="myid" onclick="show(this);">text</div>
<script type="text/javascript">
function show(obj){
window.alert(obj.id);
}
</script>
第二种：
直接掉用隐藏的event对象。event对象有个srcElement属性，可以直接访问它
<div id="myid" onclick="show();">text</div>
<script type="text/javascript">
function show(){
window.alert(event.srcElement.id);
}
</script>
第一种：
直接把作为一个参数传入。例如
复制代码 代码如下:
<div id="myid" onclick="show(this);">text</div>
<script type="text/javascript">
function show(obj){
window.alert(obj.id);
}
</script>
第二种：
直接掉用隐藏的event对象。event对象有个srcElement属性，可以直接访问它
复制代码 代码如下:
<div id="myid" onclick="show();">text</div>
<script type="text/javascript">
function show(){
window.alert(event.srcElement.id);
}
</script>
相关文章
这篇文章主要介绍了JS实现进入页面时渐变背景色的方法,涉及javascript操作css控制背景色渐变的技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-02-02
这篇文章主要介绍了js关于命名空间的函数,实例讲述了namespace函数的使用技巧,需要的朋友可以参考下2015-02-02
这篇文章主要为大家详细介绍了js实现简易ATM功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-10-10
本篇文章主要分享了js代码实现下拉菜单的代码，可复制直接运行看效果，具有很好的参考价值，跟小编一起来看下吧2016-12-12
这篇文章主要介绍了Bootstrap实现弹性搜索框的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下2016-07-07
下面小编就为大家带来一篇JS字符串false转boolean的方法(推荐)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-03-03
javascript Array.prototype.slice的使用示例
javascript Array.prototype.slice除了常见的从某个数组中抽取出新的数组外，它还有一些其他的用法,下面就为大家讲这些妙用2013-11-11
这篇文章主要介绍了ES6知识点整理之Proxy的应用,结合实例形式详细分析了ES6中Proxy的功能、原理、使用方法及相关操作注意事项,需要的朋友可以参考下2019-04-04
javascript图片相似度算法实现 js实现直方图和向量算法
这篇文章主要介绍了javascript实现图片相似度算法，大家参考使用吧2014-01-01
这篇文章主要介绍了js实现具有高亮显示效果的多级菜单,涉及javascript针对cookie的调用及页面元素样式的动态变换技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-09-09
最新评论