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 相关文章推荐
js url传值中文乱码之解决之道
Nov 20 Javascript
来自国外的14个图片放大编辑的jQuery插件整理
Oct 20 Javascript
JavaScript学习点滴 call、apply的区别
Oct 22 Javascript
javascript动态加载实现方法一
Aug 22 Javascript
打开新窗口关闭当前页面不弹出关闭提示js代码
Mar 18 Javascript
jquery实现的伪分页效果代码
Oct 29 Javascript
JS实现回到页面顶部动画效果的简单实例
May 24 Javascript
微信小程序网络请求wx.request详解及实例
May 18 Javascript
react-native-tab-navigator组件的基本使用示例代码
Sep 07 Javascript
js + css实现标签内容切换功能(实例讲解)
Oct 09 Javascript
Vue.js2.0中的变化小结
Oct 24 Javascript
微信小程序开发的基本流程步骤
Jan 31 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
怎么样可以把 phpinfo()屏蔽掉?
2006/11/24 PHP
php获取YouTube视频信息的方法
2015/02/11 PHP
php设计模式之策略模式应用案例详解
2019/06/17 PHP
javascript写的简单的计算器,内容很多,方法实用,推荐
2011/12/29 Javascript
jQuery EasyUI Pagination实现分页的常用方法
2016/05/21 Javascript
全面解析jQuery $(document).ready()和JavaScript onload事件
2016/06/08 Javascript
jquery获取input type=text中的值的各种方式(总结)
2016/12/02 Javascript
用Nodejs搭建服务器访问html、css、JS等静态资源文件
2017/04/28 NodeJs
jquery实现提示语淡入效果
2017/05/05 jQuery
JS按条件 serialize() 对应标签的使用方法
2017/07/24 Javascript
使用InstantClick.js让页面提前加载200ms
2017/09/12 Javascript
如何在js代码中消灭for循环实例详解
2018/07/29 Javascript
微信小程序解除10个请求并发限制
2018/12/18 Javascript
使用JavaScrip模拟实现仿京东搜索框功能
2019/10/16 Javascript
使用p5.js临摹动态图形
2019/10/23 Javascript
原生js实现五子棋游戏
2020/05/28 Javascript
[01:55]2014DOTA2国际邀请赛快报:国土生病 紧急去医院治疗
2014/07/10 DOTA
[44:58]2018DOTA2亚洲邀请赛 4.5 淘汰赛 LGD vs Liquid 第二场
2018/04/06 DOTA
python字符串替换示例
2014/04/24 Python
HTML5 Canvas中使用路径描画二阶、三阶贝塞尔曲线
2015/01/01 HTML / CSS
HTML5 source标签:媒介元素定义媒介资源
2018/01/29 HTML / CSS
屈臣氏马来西亚官网:Watsons马来西亚
2019/06/15 全球购物
Carmen Sol官网:购买果冻鞋、手袋和配件
2021/01/01 全球购物
工商管理专业实习生自我鉴定
2013/09/29 职场文书
早餐连锁店计划书
2014/01/08 职场文书
暑期社会实践学生的自我评价
2014/01/09 职场文书
我的梦中国梦演讲稿
2014/04/23 职场文书
巾帼建功标兵事迹材料
2014/05/11 职场文书
群众路线党员个人整改措施
2014/10/27 职场文书
领导干部个人整改措施落实情况汇报
2014/10/29 职场文书
防暑降温通知书
2015/04/27 职场文书
少先队中队工作总结2015
2015/07/23 职场文书
2016廉洁从政心得体会
2016/01/19 职场文书
最新的离婚协议书范本!
2019/07/02 职场文书
2019送给家人们的中秋节祝福语
2019/08/15 职场文书
MySQL 使用自定义变量进行查询优化
2021/05/14 MySQL