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 相关文章推荐
33个优秀的 jQuery 图片展示插件分享
Mar 14 Javascript
Jquery中LigerUi的弹出编辑框(实现方法)
Jul 09 Javascript
Jquery的hover方法让鼠标经过li时背景变色
Sep 06 Javascript
jQuery实现页面顶部显示的进度条效果完整实例
Dec 09 Javascript
解决Angular.Js与Django标签冲突的方案
Dec 20 Javascript
微信小程序开发之选项卡(窗口底部TabBar)页面切换
Apr 12 Javascript
ES6正则表达式的一些新功能总结
May 09 Javascript
Bootstrap 模态对话框只加载一次 remote 数据的完美解决办法
Jul 09 Javascript
React-Native使用Mobx实现购物车功能
Sep 14 Javascript
推荐10款扩展Web表单的JS插件
Dec 25 Javascript
vue获取时间戳转换为日期格式代码实例
Apr 17 Javascript
Flutter 超实用简单菜单弹出框 PopupMenuButton功能
Aug 06 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知识讲座四
2006/10/09 PHP
如何对PHP程序中的常见漏洞进行攻击(下)
2006/10/09 PHP
用Flash图形化数据(二)
2006/10/09 PHP
PHP 第二节 数据类型之转换
2012/04/28 PHP
php jsonp单引号转义
2014/11/23 PHP
ThinkPHP框架实现的MySQL数据库备份功能示例
2018/05/24 PHP
jQuery之DOM对象和jQuery对象的转换与区别分析
2015/01/08 Javascript
TypeScript 学习笔记之基本类型
2015/06/19 Javascript
jquery实现顶部向右伸缩的导航区域代码
2015/09/02 Javascript
JS禁用页面上所有控件的实现方法(附demo源码下载)
2015/12/17 Javascript
Javascript中字符串replace方法的第二个参数探究
2016/12/05 Javascript
jQuery实现选项卡功能(两种方法)
2017/03/08 Javascript
AngularJS中$http的交互问题
2017/03/29 Javascript
详解webpack3如何正确引用并使用jQuery库
2017/08/26 jQuery
Vue中对比scoped css和css module的区别
2018/05/17 Javascript
JavaScript设计模式之模板方法模式原理与用法示例
2018/08/07 Javascript
详解mpvue中小程序自定义导航组件开发指南
2019/02/11 Javascript
跟混乱的页面弹窗说再见
2019/04/11 Javascript
详解Node.js异步处理的各种写法
2019/06/09 Javascript
Python去掉字符串中空格的方法
2014/03/11 Python
Python基于分水岭算法解决走迷宫游戏示例
2017/09/26 Python
Python实现二叉树前序、中序、后序及层次遍历示例代码
2019/05/18 Python
Python使用type关键字创建类步骤详解
2019/07/23 Python
Python 中list ,set,dict的大规模查找效率对比详解
2019/10/11 Python
python3实现从kafka获取数据,并解析为json格式,写入到mysql中
2019/12/23 Python
pycharm通过ssh连接远程服务器教程
2020/02/12 Python
Python项目打包成二进制的方法
2020/12/30 Python
荷兰和比利时时尚鞋店:Van Dalen
2018/04/23 全球购物
匈牙利最大的健身制造商和销售商:inSPORTline
2018/10/30 全球购物
IdealFit官方网站:女性蛋白质、补充剂和运动服装
2019/03/24 全球购物
MAC彩妆澳洲官网:M·A·C AU
2021/01/17 全球购物
政风行风建设责任书
2014/07/23 职场文书
二人合伙经营协议书
2014/09/13 职场文书
社区重阳节活动总结
2015/03/24 职场文书
研究生论文答辩开场白
2015/05/27 职场文书
2016年“5.12”护士节致辞
2015/07/31 职场文书