JS检测页面中哪个HTML标签触发点击事件的方法


Posted in Javascript onJune 17, 2016

本文实例讲述了JS检测页面中哪个HTML标签触发点击事件的方法。分享给大家供大家参考,具体如下:

在html标签中,为了页面显示的美观,会在标签中相互嵌套,在做“效果”的时候就难免不了的添加各种事件,例如:
<a href=""><span onclick="">dddd</span></a>
当用户点击的时候,想确定是链接产生的事件还是span标签onclick标签产生的事件,这个有时候是很有必要的,至少我认为在调试的时候有作用,因此我写了一个简单的demo,用于各位看官学习

<!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=gb2312" />
<script type="text/javascript">
//得到触发事件的控件
function test(obj){
//下面这种方式用来检测到底是哪个空间触发的事件的工具
  alert(window.event.srcElement.tagName);
}
</script>
<title>无标题文档</title>
</head>
<body>
  <input type="button" value="test" onclick="test(this)"/>
  <button type="button" value="test" onclick="test(this)">ddddd</button>
  <span type="button" value="test" onclick="test(this)">span</span>
</body>
</html>

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
比较全面的event对像在IE与FF中的区别 推荐
Sep 21 Javascript
JS对象与JSON格式数据相互转换
Feb 20 Javascript
一样的table?不一样的table(可编辑状态table)
Sep 19 Javascript
js操作table示例(个人心得)
Nov 29 Javascript
js身份证判断方法支持15位和18位
Mar 18 Javascript
jQuery中bind()方法用法实例
Jan 19 Javascript
JSONP跨域请求实例详解
Jul 04 Javascript
js处理层级数据结构的方法小结
Jan 17 Javascript
vue使用Axios做ajax请求详解
Jun 07 Javascript
VUE饿了么树形控件添加增删改功能的示例代码
Oct 17 Javascript
JavaScript反射与依赖注入实例详解
May 29 Javascript
jsonp实现百度下拉框功能的方法分析
May 10 Javascript
jquery.qtip提示信息插件用法简单实例
Jun 17 #Javascript
jQuery实现区域打印功能代码详解
Jun 17 #Javascript
javascript日期比较方法实例分析
Jun 17 #Javascript
JS实现复制内容到剪贴板功能兼容所有浏览器(推荐)
Jun 17 #Javascript
JS简单实现DIV相对于浏览器固定位置不变的方法
Jun 17 #Javascript
JavaScript简单实现弹出拖拽窗口(二)
Jun 17 #Javascript
JS中递归函数
Jun 17 #Javascript
You might like
Zend Studio for Eclipse的java.lang.NullPointerException错误的解决方法
2008/12/06 PHP
php自定义apk安装包实例
2014/10/20 PHP
php实现的http请求封装示例
2016/11/08 PHP
jQuery getJSON()+.ashx 实现分页(改进版)
2013/03/28 Javascript
将字符串中由空格隔开的每个单词首字母大写
2014/04/06 Javascript
JQuery中extend的用法实例分析
2015/02/08 Javascript
javascript实现全角转半角的方法
2016/01/23 Javascript
JS获取和修改元素样式的实例代码
2016/08/06 Javascript
js严格模式总结(分享)
2016/08/22 Javascript
微信小程序 开发指南详解
2016/09/27 Javascript
bootstrap读书笔记之CSS组件(上)
2016/10/17 Javascript
Angularjs中三种数据的绑定策略(“@”,“=”,“&amp;”)
2016/12/23 Javascript
js 轮播效果实例分享
2016/12/28 Javascript
js断点调试心得分享(必看篇)
2017/12/08 Javascript
nodejs同步调用获取mysql数据时遇到的大坑
2019/03/02 NodeJs
layui实现tab的添加拒绝重复的方法
2019/09/04 Javascript
js实现中文实时时钟
2020/01/15 Javascript
微信小程序实现文件预览
2020/10/22 Javascript
[10:39]DOTA2上海特级锦标赛音乐会纪录片
2016/03/21 DOTA
一篇不错的Python入门教程
2007/02/08 Python
python 简易计算器程序,代码就几行
2009/08/29 Python
机器学习10大经典算法详解
2017/12/07 Python
Python设计模式之代理模式简单示例
2018/01/09 Python
Python Unittest自动化单元测试框架详解
2018/04/04 Python
python 在屏幕上逐字显示一行字的实例
2018/12/24 Python
对python中GUI,Label和Button的实例详解
2019/06/27 Python
python实现静态web服务器
2019/09/03 Python
美国购物网站:Clickhere2shop
2021/01/28 全球购物
Lentiamo丹麦:购买便宜的隐形眼镜
2021/01/13 全球购物
Myprotein中国网站:欧洲畅销运动营养品牌
2021/02/11 全球购物
优秀中学生事迹材料
2014/01/31 职场文书
关于环保的活动方案
2014/08/25 职场文书
单位工作证明范文
2014/09/14 职场文书
2014年无财产无子女离婚协议书范本
2014/10/09 职场文书
图书借阅制度范本
2015/08/06 职场文书
MySQL生成千万测试数据以及遇到的问题
2022/08/05 MySQL