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和AngularJS的区别浅析
Jan 29 Javascript
javascript 常见功能汇总
Jun 11 Javascript
浅析JavaScript中命名空间namespace模式
Jun 22 Javascript
jQuery编写textarea输入字数限制代码
Mar 23 jQuery
JavaScript实现换肤功能
Sep 15 Javascript
如何从0开始用node写一个自己的命令行程序
Dec 29 Javascript
详解使用React.memo()来优化函数组件的性能
Mar 19 Javascript
详解element-ui日期时间选择器的日期格式化问题
Apr 08 Javascript
如何实现一个简易版的vuex持久化工具
Sep 11 Javascript
vuex(vue状态管理)的特殊应用案例分享
Mar 03 Javascript
Nuxt配置Element-UI按需引入的操作方法
Jul 06 Javascript
JS call()及apply()方法使用实例汇总
Jul 11 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
php中print(),print_r(),echo()的区别详解
2014/12/01 PHP
php 生成签名及验证签名详解
2016/10/26 PHP
JavaScript 基础知识 被自己遗忘的
2009/10/15 Javascript
XHTML下,JS浮动代码失效的问题
2009/11/12 Javascript
js编码之encodeURIComponent使用介绍(asp,php)
2012/03/01 Javascript
配置Grunt的Task时通配符支持和动态生成文件名问题
2015/09/06 Javascript
jQuery+Ajax实现无刷新操作
2016/01/04 Javascript
jQuery绑定事件-多种实现方式总结
2016/05/09 Javascript
前端实现文件的断点续传(前端文件提交+后端PHP文件接收)
2016/11/04 Javascript
Angular学习笔记之angular的$filter服务浅析
2016/11/12 Javascript
javascript中Date对象的使用总结
2016/11/21 Javascript
JS正则表达式验证密码格式的集中情况总结
2017/02/23 Javascript
jQuery Ajax使用FormData上传文件和其他数据后端web.py获取
2017/06/11 jQuery
React-Native 组件之 Modal的使用详解
2017/08/08 Javascript
温故知新——JavaScript中的字符串连接问题最全总结(推荐)
2017/08/21 Javascript
JS实现的将html转为pdf功能【基于浏览器端插件jsPDF】
2018/02/06 Javascript
使用Vue.js和Flask来构建一个单页的App的示例
2018/03/21 Javascript
Vue实现购物车的全选、单选、显示商品价格代码实例
2019/05/06 Javascript
JS访问对象两种方式区别解析
2020/08/29 Javascript
Vue-cli4 配置 element-ui 按需引入操作
2020/09/11 Javascript
Python基于select实现的socket服务器
2016/04/13 Python
Python实现抓取网页生成Excel文件的方法示例
2017/08/05 Python
Python2.7编程中SQLite3基本操作方法示例
2017/08/09 Python
使用Python监控文件内容变化代码实例
2018/06/04 Python
Python3实现的简单工资管理系统示例
2019/03/12 Python
Python数据类型之Tuple元组实例详解
2019/05/08 Python
python中的逆序遍历实例
2019/12/25 Python
python爬虫beautifulsoup解析html方法
2020/12/07 Python
优衣库英国官网:UNIQLO英国
2016/12/25 全球购物
携程旅行网:中国领先的在线旅行服务公司
2017/02/17 全球购物
印度和世界各地的精美产品:Ikka Dukka
2018/02/12 全球购物
Boden英国官网:英国知名原创时装品牌
2018/11/06 全球购物
斯洛伐克家具和时尚装饰品购物网站:Butlers.sk
2019/09/08 全球购物
皇家阿尔伯特瓷器美国官网:Royal Albert美国
2020/02/16 全球购物
2015年学校政教处工作总结
2015/05/26 职场文书
MySQL安装后默认自带数据库的作用详解
2021/04/27 MySQL