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 相关文章推荐
用YUI做了个标签浏览效果
Feb 20 Javascript
JavaScript中的style.display属性操作
Mar 27 Javascript
js获取当前日期时间及其它日期操作汇总
Mar 08 Javascript
详解VueJs前后端分离跨域问题
May 24 Javascript
jQuery选择器之属性过滤选择器详解
Sep 28 jQuery
vue.js简单配置axios的方法详解
Dec 13 Javascript
详解element-ui设置下拉选择切换必填和非必填
Jun 17 Javascript
vue 使用element-ui中的Notification自定义按钮并实现关闭功能及如何处理多个通知
Aug 17 Javascript
js验证密码强度解析
Mar 18 Javascript
Vue路由 重定向和别名的区别说明
Sep 09 Javascript
详解基于element的区间选择组件校验(交易金额)
Jan 07 Javascript
vue 页面跳转的实现方式
Jan 12 Vue.js
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
教你IIS6的PHP最佳配置方法
2006/09/05 PHP
PHP 定界符 使用技巧
2009/06/14 PHP
解析:使用php mongodb扩展时 需要注意的事项
2013/06/18 PHP
双冒号 ::在PHP中的使用情况
2015/11/05 PHP
Jquery作者John Resig自己封装的javascript 常用函数
2009/11/09 Javascript
JS Excel读取和写入操作(模板操作)实现代码
2010/04/11 Javascript
js操作select控件的几种方法
2010/06/02 Javascript
js分解url参数(面向对象-极简主义法应用)
2012/08/09 Javascript
浏览器窗口大小变化时使用resize事件对框架不起作用的解决方法
2014/05/11 Javascript
关于编写性能高效的javascript事件的技术
2014/11/28 Javascript
jQuery的css()方法用法实例
2014/12/24 Javascript
jQuery仿Flash上下翻动的中英文导航菜单实例
2015/03/10 Javascript
javascript单例模式的简单实现方法
2015/07/25 Javascript
jquery正则表达式验证(手机号、身份证号、中文名称)
2015/12/31 Javascript
Javascript在IE和Firefox浏览器常见兼容性问题总结
2016/08/03 Javascript
JS实现的验证身份证及获取地区功能示例
2017/01/16 Javascript
老生常谈javascript中逻辑运算符&amp;&amp;和||的返回值问题
2017/04/13 Javascript
浅谈mint-ui 填坑之路
2017/11/06 Javascript
解决循环中setTimeout执行顺序的问题
2018/06/20 Javascript
node中使用es6/7/8(支持性与性能)
2019/03/28 Javascript
jQuery对底部导航进行跳转并高亮显示的实例代码
2019/04/23 jQuery
解决Vue中的生命周期beforeDestory不触发的问题
2020/07/21 Javascript
用yum安装MySQLdb模块的步骤方法
2016/12/15 Python
Python模拟鼠标点击实现方法(将通过实例自动化模拟在360浏览器中自动搜索python)
2017/08/23 Python
对python中dict和json的区别详解
2018/12/18 Python
python实现在cmd窗口显示彩色文字
2019/06/24 Python
Python进阶:生成器 懒人版本的迭代器详解
2019/06/29 Python
Python变量访问权限控制详解
2019/06/29 Python
python数字类型math库原理解析
2020/03/02 Python
Python requests及aiohttp速度对比代码实例
2020/07/16 Python
李维斯法国官网:Levi’s法国
2019/07/13 全球购物
简述你对Statement,PreparedStatement,CallableStatement的理解
2013/03/25 面试题
幼儿园见习报告范文
2014/10/30 职场文书
2014年度工作总结报告
2014/12/15 职场文书
卫生主题班会
2015/08/14 职场文书
《自然之道》读后感3篇
2019/12/17 职场文书