JavaScript判断按钮被点击的方法


Posted in Javascript onDecember 13, 2015

废话不多说了,直接给大家贴代码了。

firfox版:

<HTML> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<HEAD> 
<TITLE></TITLE> 
<script> 
document.onclick=function(e){ 
var evt=e||window.event; 
var tar=evt.target||evt.srcElement; 
if( (tar.tagName.toLowerCase()=="input"&&tar.type=="button") || tar.tagName.toLowerCase()=="button"){ 
alert("你点击的是一个按钮") 
} 
} 
</script> 
</HEAD> 
<BODY> 
<input id="button1" type="button" value="1111"/> 
<input id="button2" type="button" value="2222"/> 
<input id="button3" type="button" value="3333"/> 
<input id="button4" type="button" value="4444"/> 
</BODY> 
</HTML> 
google 浏览器版:
<HTML> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<HEAD> 
<TITLE></TITLE> 
<script> 
document.onclick=function()
{ var obj = event.srcElement; 
if(obj.type == "button"){ 
alert(obj.id); } 
} 
</script> 
</HEAD> 
<BODY> 
<input id="button1" type="button" value="1111"/> 
<input id="button2" type="button" value="2222"/> 
<input id="button3" type="button" value="3333"/> 
<input id="button4" type="button" value="4444"/> 
</BODY> 
</HTML>

以上是小编给大家分享的JavaScript判断按钮被点击的方法,希望大家喜欢。

Javascript 相关文章推荐
jQuery总体架构的理解分析
Mar 07 Javascript
做好七件事帮你提升jQuery的性能
Feb 06 Javascript
jQuery选择器源码解读(四):tokenize方法的Expr.preFilter
Mar 31 Javascript
javascript字符串与数组转换汇总
May 26 Javascript
基于JavaScript如何实现ajax调用后台定义的方法
Dec 29 Javascript
微信小程序 http请求详细介绍
Oct 09 Javascript
使用Bootstrap美化按钮实例代码(demo)
Feb 03 Javascript
node.js基于fs模块对系统文件及目录进行读写操作的方法详解
Nov 10 Javascript
使用vue-cli(vue脚手架)快速搭建项目的方法
May 21 Javascript
微信小程序webSocket的使用方法
Feb 20 Javascript
让IDE识别webpack的别名alias的实现方法
May 06 Javascript
八种Vue组件间通讯方式合集(推荐)
Aug 18 Javascript
jquery插件uploadify实现带进度条的文件批量上传
Dec 13 #Javascript
JavaScript代码判断点击第几个按钮
Dec 13 #Javascript
JavaScript模块化开发之SeaJS
Dec 13 #Javascript
node.js require() 源码解读
Dec 13 #Javascript
JavaScript 模块的循环加载实现方法
Dec 13 #Javascript
javascript日期验证之输入日期大于等于当前日期
Dec 13 #Javascript
详解JavaScript正则表达式之RegExp对象
Dec 13 #Javascript
You might like
基于asp+ajax和数据库驱动的二级联动菜单
2010/05/06 PHP
php上传中文文件名乱码问题处理方案
2015/02/03 PHP
php array_key_exists() 与 isset() 的区别
2016/10/24 PHP
PHP基于imagick扩展实现合成图片的两种方法【附imagick扩展下载】
2017/11/14 PHP
jquery获取div距离窗口和父级dv的距离示例
2013/10/10 Javascript
JS实现模拟风力的雪花飘落效果
2015/05/13 Javascript
jquery实现先淡出再折叠收起的动画效果
2015/08/07 Javascript
javascript实现二级级联菜单的简单制作
2015/11/19 Javascript
JS打印组合功能
2016/08/04 Javascript
Javascript动画效果(4)
2016/10/11 Javascript
JQuery通过后台获取数据遍历到前台的方法
2018/08/13 jQuery
详解vue-cli下ESlint 配置说明
2018/09/03 Javascript
在Echarts图中给坐标轴加一个标识线markLine
2020/07/20 Javascript
基于JS实现快速读取TXT文件
2020/08/25 Javascript
python3.5实现socket通讯示例(TCP)
2017/02/07 Python
解决python3 urllib中urlopen报错的问题
2017/03/25 Python
python编程使用selenium模拟登陆淘宝实例代码
2018/01/25 Python
使用Python爬取最好大学网大学排名
2018/02/24 Python
Python通过调用mysql存储过程实现更新数据功能示例
2018/04/03 Python
PyQt5的PyQtGraph实践系列3之实时数据更新绘制图形
2019/05/13 Python
Python3 批量扫描端口的例子
2019/07/25 Python
python之array赋值技巧分享
2019/11/28 Python
Python 序列化和反序列化库 MarshMallow 的用法实例代码
2020/02/25 Python
Python分类测试代码实例汇总
2020/07/23 Python
用CSS3实现无限循环的无缝滚动的实例代码
2017/07/04 HTML / CSS
详解CSS3新增的背景属性
2019/12/25 HTML / CSS
英国街头品牌:Bee Inspired Clothing
2018/02/12 全球购物
StubHub美国:购买或出售您的门票
2019/07/09 全球购物
应届大学毕业生找工作的求职信范文
2013/11/29 职场文书
物业总经理岗位职责
2014/02/28 职场文书
马智宇结婚主持词
2014/04/01 职场文书
企业安全生产月活动总结
2014/07/05 职场文书
群教班子对照检查材料
2014/08/26 职场文书
教师节感谢信
2015/01/22 职场文书
Python批量将csv文件转化成xml文件的实例
2021/05/10 Python
浅谈什么是SpringBoot异常处理自动配置的原理
2021/06/21 Java/Android