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 相关文章推荐
User Scripts: Video Download by User Scripts
May 14 Javascript
JS 对输入框进行限制(常用的都有)
Jul 30 Javascript
浅析jquery的作用与优势
Dec 02 Javascript
jquery序列化表单以及回调函数的使用示例
Jul 02 Javascript
JS动态显示表格上下frame的方法
Mar 31 Javascript
JavaScript让Textarea支持tab按键的方法
Jun 26 Javascript
jQuery 局部div刷新和全局刷新方法总结
Oct 05 Javascript
JavaScript版经典游戏之扫雷游戏完整示例【附demo源码下载】
Dec 12 Javascript
Bootstrap列表组学习使用
Feb 09 Javascript
mpvue跳转页面及注意事项
Aug 03 Javascript
layui插件表单验证提交触发提交的例子
Sep 09 Javascript
JavaScript中继承原理与用法实例入门
May 09 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
Yii框架中memcache用法实例
2014/12/03 PHP
PHP实现提高SESSION响应速度的几种方法详解
2019/08/09 PHP
如何在PHP中生成随机数
2020/06/04 PHP
window.location.hash 使用说明
2010/11/08 Javascript
jquery ajax例子返回值详解
2012/09/11 Javascript
基于JQuery 选择器使用说明介绍
2013/04/18 Javascript
JS 去前后空格大全(IE9亲测)
2013/07/15 Javascript
各种常用的JS函数整理
2013/10/25 Javascript
JavaScript在for循环中绑定事件解决事件参数不同的情况
2014/01/20 Javascript
JS不能跨域借助jquery获取IP地址的方法
2014/08/20 Javascript
JavaScript跨域方法汇总
2014/10/16 Javascript
Javascript动态创建表格及删除行列的方法
2015/05/15 Javascript
jQuery实现图片向左向右切换效果的简单实例
2016/05/18 Javascript
浅谈JavaScript中面向对象的的深拷贝和浅拷贝
2016/08/01 Javascript
详解webpack进阶之loader篇
2017/08/23 Javascript
使用Vue.js和Element-UI做一个简单登录页面的实例
2018/02/23 Javascript
微信小程序设置滚动条过程详解
2019/07/25 Javascript
策略模式实现 Vue 动态表单验证的方法
2019/09/16 Javascript
[04:48]DOTA2上海特锦赛小组赛第三日 TOP10精彩集锦
2016/02/28 DOTA
用Python进行行为驱动开发的入门教程
2015/04/23 Python
浅谈MySQL中的触发器
2015/05/05 Python
详解Python之unittest单元测试代码
2018/01/24 Python
python图的深度优先和广度优先算法实例分析
2019/10/26 Python
Python高级property属性用法实例分析
2019/11/19 Python
Python 类的魔法属性用法实例分析
2019/11/21 Python
万得城电器土耳其网站:欧洲第一大电子产品零售商
2016/10/07 全球购物
什么是设计模式
2012/06/17 面试题
材料物理专业个人求职信
2013/12/15 职场文书
高一物理教学反思
2014/01/24 职场文书
周年庆典邀请函范文
2014/01/24 职场文书
春秋淹城导游词
2015/02/11 职场文书
因个人原因离职的辞职信范文
2015/05/12 职场文书
初三语文教学反思
2016/03/03 职场文书
Go语言-为什么返回值为接口类型,却返回结构体
2021/04/24 Golang
Python基础 括号()[]{}的详解
2021/11/07 Python
vue项目支付功能代码详解
2022/02/18 Vue.js