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 相关文章推荐
Jquery 1.42 checkbox 全选和反选代码
Mar 27 Javascript
javascript new fun的执行过程
Aug 05 Javascript
jquery 无限级下拉菜单的简单实现代码
Feb 21 Javascript
node.js中的events.emitter.once方法使用说明
Dec 10 Javascript
浅谈重写window对象的方法
Dec 29 Javascript
Winform客户端向web地址传参接收参数的方法
May 17 Javascript
JavaScript正则表达式实例详解
Oct 16 Javascript
PHP 实现一种多文件上传的方法
Sep 20 Javascript
Vue中的Vux配置指南
Dec 08 Javascript
vue.draggable实现表格拖拽排序效果
Dec 01 Javascript
vant 自定义 van-dropdown-item的用法
Aug 05 Javascript
vue 动态生成拓扑图的示例
Jan 03 Vue.js
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
php include的妙用,实现路径加密
2008/07/29 PHP
javascript 计算两个整数的百分比值
2009/12/26 Javascript
js实现上传图片之上传前预览图片
2013/03/25 Javascript
jQuery中多个元素的Hover事件解决方案
2014/06/12 Javascript
javascript带回调函数的异步脚本载入方法实例分析
2015/07/02 Javascript
15个常用的jquery代码片段
2015/12/19 Javascript
JS通过Cookie判断页面是否为首次打开
2016/02/05 Javascript
基于javascript实现泡泡大冒险网页版小游戏
2016/03/23 Javascript
jquery实现垂直和水平菜单导航栏
2020/08/27 Javascript
Javascript中的对象和原型(二)
2016/08/12 Javascript
微信小程序 简单教程实例详解
2017/01/13 Javascript
Bootstrap轮播图学习使用
2017/02/10 Javascript
使用JS获取页面上的所有标签
2018/10/18 Javascript
微信小程序登录按钮遮罩浮层效果的实现方法
2018/12/16 Javascript
基于vue实现滚动条滚动到指定位置对应位置数字进行tween特效
2019/04/18 Javascript
layui默认选中table的CheckBox复选框方法
2019/09/19 Javascript
python模拟登录百度贴吧(百度贴吧登录)实例
2013/12/18 Python
Python中暂存上传图片的方法
2015/02/18 Python
Python实现在线程里运行scrapy的方法
2015/04/07 Python
基于scrapy实现的简单蜘蛛采集程序
2015/04/17 Python
Python的Tornado框架异步编程入门实例
2015/04/24 Python
python机器学习理论与实战(四)逻辑回归
2018/01/19 Python
python实现统计文本中单词出现的频率详解
2019/05/20 Python
Python实现带下标索引的遍历操作示例
2019/05/30 Python
简单了解python gevent 协程使用及作用
2019/07/22 Python
Python GUI编程学习笔记之tkinter界面布局显示详解
2020/03/30 Python
Python 操作SQLite数据库的示例
2020/10/16 Python
英国最大的婴儿监视器网上商店:Baby Monitors Direct
2018/04/24 全球购物
西班牙手机之家:Phone House
2018/10/18 全球购物
中东地区最大的奢侈品市场:The Luxury Closet
2019/04/09 全球购物
瑞士网球商店:Tennis-Point
2020/03/12 全球购物
一道SQL存储过程面试题
2016/10/07 面试题
教师岗位职责范本
2013/12/29 职场文书
班主任工作经验材料
2014/02/02 职场文书
地雷战观后感
2015/06/09 职场文书
学会用Python实现滑雪小游戏,再也不用去北海道啦
2021/05/20 Python