javascript事件函数中获得事件源的两种不错方法_javascript技巧

在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>

时间: 2024-10-24 15:46:19

javascript事件函数中获得事件源的两种不错方法_javascript技巧的相关文章

javascript事件函数中获得事件源的两种不错方法

 许多情况我们需要获得事件源对象来对其属性进行更改,在事件响应函数中获得事件源的方法有如下两种 在javascript的事件响应中,许多情况我们需要获得事件源对象来对其属性进行更改,比如更改img的src属性.在事件响应函数中获得事件源的方法有如下两种:    第一种:    直接把作为一个参数传入.例如   代码如下: <div id="myid" onclick="show(this);">text</div>    <script

前端开发过程中浏览器版本的两种判定方法_javascript技巧

在网上查找浏览器及版本判定方法有好多,此处小弟总结一二,以节省大家时间. 1.jquery的方法: 通过正则表达式可判定常用浏览器及其版本. 复制代码 代码如下: <span style="font-size:12px">function allinfo(){ var ua = navigator.userAgent; ua = ua.toLowerCase(); var match = /(webkit)[ \/]([\w.]+)/.exec(ua) || /(opera

javascript实现textarea中tab键的缩排处理方法_javascript技巧

本文实例讲述了javascript实现textarea中tab键的缩排处理方法.分享给大家供大家参考.具体如下: 网上搜索了一下相关的解决方法,其它的有使用两三行javascript解决的,但都有一些小小的问题.还有使用JQuery的,也非常简洁. 本文的javascript代码实现了在TEXTAREA中输入TAB键并自动缩进的功能.不过这段代码在谷歌浏览器中不能正常执行,在 复制代码 代码如下: sel =event.srcElement.document.selection.createRa

javascript面向对象之访问对象属性的两种方式分析_javascript技巧

本文实例分析了javascript面向对象之访问对象属性的两种方式.分享给大家供大家参考.具体如下: javascript面向对象的访问对象属性的两种方式.如下代码所示: 复制代码 代码如下: <script language="javascript" type="text/javascript"> function Person(){}; var p1 = new Person(); p1.name="王美人"; document.

js的form表单提交url传参数(包含+等特殊字符)的两种解决方法_javascript技巧

方法一:(伪装form表单提交) linkredwin = function(A,B,C,D,E,F,G){ var formredwin = document.createElement("form"); formredwin.method = 'POST'; document.body.appendChild(formredwin); formredwin.action = "http://www.A.com/A.wiki?A=" +encodeURI(A) +

ionic由于使用了header和subheader导致被遮挡的问题的两种解决方法_javascript技巧

这是一个小bug,解决方法有两种:根据做的东西不同选择不同的 <ion-nav-bar class="bar-positive"> <ion-nav-back-button class="button-icon ion-arrow-left-c"> </ion-nav-back-button> <h2>helloafds</h2> </ion-nav-bar> <ion-header-ba

JavaScript代码编写中各种各样的坑和填坑方法_javascript技巧

坑"这个字,在此的意思是"陷阱".由于 JavaScript "弱语言"的性质,使得其在使用过程中异常的宽松灵活,但也极为容易"中招".这些坑往往隐藏着,所以必须擦亮双眼,才能在学习与应用 JS 的道路上走的一帆风顺. 一.全局变量 JavaScript 通过函数管理作用域.在函数内部声明的变量只在这个函数内部,函数外面不可用.另一方面,全局变量就是在任何函数外面声明的或是未声明直接简单使用的. "未声明直接简单使用"

javascript记住用户名和登录密码(两种方式)_javascript技巧

下面主要通过代码给大家展示下javascript记住用户名和登录密码,具体代码内容请看下文. 第一种方式: CONTENT     login.html     welcome.html     cookie.js     common.jslogin.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-tr

JavaScript获取table中某一列的值的方法_javascript技巧

1.实现源码 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-eq