JavaScript函数获取事件源的小例子

 更新时间:2014年05月14日 16:46:46   作者:  
这篇文章主要介绍了JavaScript函数获取事件源具体实现,需要的朋友可以参考下
复制代码 代码如下:

<!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-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>js函数中获取事件源</title>
<script type="text/javascript" language="javascript">
function chang() {
var evt = event || window.event;
alert(evt.srcElement.id);
}

</script>
</head>
<div>
<input type="text" onclick="chang();" id="input_a" />
<input type="text" onclick="chang();" id="input_b" />
</div>
<body>
</body>
</html>

相关文章

  • JavaScript事件学习小结(五)js中事件类型之鼠标事件

    JavaScript事件学习小结(五)js中事件类型之鼠标事件

    这篇文章主要介绍了JavaScript事件学习小结(五)js中事件类型之鼠标事件的相关资料,非常不错具有参考借鉴价值,需要的朋友可以参考下
    2016-06-06
  • 彻底解决 webpack 打包文件体积过大问题

    彻底解决 webpack 打包文件体积过大问题

    本篇文章主要介绍了彻底解决 webpack 打包文件体积过大问题,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-07-07
  • JS实现图片翻书效果示例代码

    JS实现图片翻书效果示例代码

    图片翻书效果想必大家都有见过吧,在本文将为大家介绍下使用js是如何实现的,具体的代码如下,感兴趣的朋友可以参考下
    2013-09-09
  • javascript Onunload与Onbeforeunload使用小结

    javascript Onunload与Onbeforeunload使用小结

    Onunload,onbeforeunload都是在刷新或关闭时调用,可以在<script>脚本中通过window.onunload来指定或者在<body>里指定。区别在于onbeforeunload在onunload之前执行,它还可以阻止onunload的执行。
    2009-12-12
  • JS 实现图片直接下载示例代码

    JS 实现图片直接下载示例代码

    本文为大家详细介绍下使用JS实现图片直接下载,具体实现代码如下,感兴趣的朋友可以参考下哈,希望对大家有所帮助
    2013-07-07
  • JS实现代码雨特效

    JS实现代码雨特效

    这篇文章主要为大家详细介绍了JS实现代码雨特效,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-01-01
  • 将两个div左右并列显示并实现点击标题切换内容

    将两个div左右并列显示并实现点击标题切换内容

    将两个div左右并列显示并实现点击标题切换内容的效果,接下来为大家详细介绍下js中时如何实现的,感兴趣的朋友不要错过
    2013-10-10
  • js仿腾讯QQ的web登陆界面

    js仿腾讯QQ的web登陆界面

    这篇文章主要为大家详细介绍了JavaScript模仿腾讯QQ的web登陆界面,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-08-08
  • JavaScript实现可动的canvas环形进度条

    JavaScript实现可动的canvas环形进度条

    这篇文章主要介绍了如何利用JavaScript canvas绘制一个可以动的环形进度条。文中的示例代码讲解详细,感兴趣的小伙伴可以动手试一试
    2022-02-02
  • JavaScript实现带箭头标识的多级下拉菜单效果

    JavaScript实现带箭头标识的多级下拉菜单效果

    这篇文章主要介绍了JavaScript实现带箭头标识的多级下拉菜单效果,可实现横向与纵向箭头的形式标识选中菜单项位置的功能,涉及javascript针对页面元素位置的判定与样式动态操作技巧,需要的朋友可以参考下
    2015-08-08

最新评论