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 相关文章推荐
Windows Live的@live.com域名注册漏洞 利用代码
Dec 27 Javascript
发布BlueShow v1.0 图片浏览器(类似lightbox)blueshow.js 打包下载
Jul 21 Javascript
起点页面传值js,有空研究学习下
Jan 25 Javascript
jQuery源码分析-05异步队列 Deferred 使用介绍
Nov 14 Javascript
Javascript类定义语法,私有成员、受保护成员、静态成员等介绍
Dec 08 Javascript
JS下载文件|无刷新下载文件示例代码
Apr 17 Javascript
JS判断浏览器是否支持某一个CSS3属性的方法
Oct 17 Javascript
jQuery切换所有复选框选中状态的方法
Jul 02 Javascript
JSONObject使用方法详解
Dec 17 Javascript
JavaScript操作文件_动力节点Java学院整理
Jun 30 Javascript
JS解析后台返回的JSON格式数据实例
Aug 06 Javascript
在Vue-cli里应用Vuex的state和mutations方法
Sep 16 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
JavaScript 动态生成方法的例子
2009/07/22 Javascript
JQuery的Validation插件中Remote验证的中文问题
2010/07/26 Javascript
实现局部遮罩与关闭原理及代码
2013/02/04 Javascript
javascript如何动态加载表格与动态添加表格行
2013/11/27 Javascript
js中自定义方法实现停留几秒sleep
2014/07/11 Javascript
jQuery图片渐变特效的简单实现
2016/06/25 Javascript
浅谈js中的引用和复制(传值和传址)
2016/09/18 Javascript
vue实现可增删查改的成绩单
2016/10/27 Javascript
[js高手之路]从原型链开始图解继承到组合继承的产生详解
2017/08/28 Javascript
JS实现定时任务每隔N秒请求后台setInterval定时和ajax请求问题
2017/10/15 Javascript
axios进阶实践之利用最优雅的方式写ajax请求
2017/12/20 Javascript
Node.js 利用cheerio制作简单的网页爬虫示例
2018/03/01 Javascript
jQuery实现的鼠标拖动画矩形框示例【可兼容IE8】
2019/05/17 jQuery
Vue页面切换和a链接的本质区别详解
2019/11/12 Javascript
vue中watch的用法汇总
2020/12/28 Vue.js
[46:44]DOTA2-DPC中国联赛 正赛 Ehome vs PSG.LGD BO3 第二场 3月7日
2021/03/11 DOTA
windows下wxPython开发环境安装与配置方法
2014/06/28 Python
python操作mongodb根据_id查询数据的实现方法
2015/05/20 Python
深入理解Python中各种方法的运作原理
2015/06/15 Python
Python使用gensim计算文档相似性
2016/04/10 Python
python实现二维码扫码自动登录淘宝
2016/12/27 Python
详解python脚本自动生成需要文件实例代码
2017/02/04 Python
django的csrf实现过程详解
2019/07/26 Python
python下载库的步骤方法
2019/10/12 Python
canvas生成带二维码海报的踩坑记录
2019/09/11 HTML / CSS
html5 拖拽及用 js 实现拖拽功能的示例代码
2020/10/23 HTML / CSS
什么是数据抽象
2016/11/26 面试题
药学专业大专生的自我评价
2013/12/12 职场文书
执行力心得体会
2013/12/31 职场文书
农村婚礼证婚词
2014/01/08 职场文书
2015年预算员工作总结
2015/05/14 职场文书
小学班长竞选稿
2015/11/20 职场文书
2016党校学习心得体会
2016/01/07 职场文书
2019年“我为祖国点赞”演讲稿(3篇)
2019/09/26 职场文书
Python关于OS文件目录处理的实例分享
2021/05/23 Python
详解在SQLPlus中实现上下键翻查历史命令的功能
2022/03/18 SQL Server