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 未结束的字符串常量错误解决方法
Jun 13 Javascript
jQuery对象和DOM对象使用说明
Jun 25 Javascript
简单的ajax连接库分享(不用jquery的ajax)
Jan 19 Javascript
js调试系列 源码定位与调试[基础篇]
Jun 18 Javascript
Jquery实现兼容各大浏览器的Enter回车切换输入焦点的方法
Sep 01 Javascript
jquery中checkbox全选失效的解决方法
Dec 26 Javascript
JavaScript插件化开发教程 (一)
Jan 27 Javascript
jQuery实现图片文字淡入淡出效果
Dec 21 Javascript
纯JavaScript手写图片轮播代码
Oct 20 Javascript
jquery实现图片上传前本地预览
Apr 28 jQuery
详解js删除数组中的指定元素
Oct 31 Javascript
antd Select下拉菜单动态添加option里的内容操作
Nov 02 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 文件上传进度条的两种实现方法的代码
2007/11/25 PHP
PHP include任意文件或URL介绍
2014/04/29 PHP
Laravel框架表单验证详解
2014/09/04 PHP
php使用PDO方法详解
2014/12/27 PHP
PHP+Session防止表单重复提交的解决方法
2018/04/09 PHP
PHP pthreads v3下的Volatile简介与使用方法示例
2020/02/21 PHP
PHP随机生成中文段落示例【测试网站内容时使用】
2020/04/26 PHP
js计数器代码
2006/11/04 Javascript
List the UTC Time on a Computer
2007/06/11 Javascript
JavaScript 事件参考手册
2008/12/24 Javascript
Javascript 中的类和闭包
2010/01/08 Javascript
js获取select选中的option的text示例代码
2013/12/19 Javascript
js window.onload 加载多个函数和追加函数详解
2014/01/08 Javascript
Jquery EasyUI $.Parser
2017/06/02 jQuery
Swiper实现轮播图效果
2017/07/03 Javascript
React-Native中props具体使用详解
2017/09/04 Javascript
Nodejs调用WebService的示例代码
2017/09/29 NodeJs
JavaScript实现获取两个排序数组的中位数算法示例
2019/02/26 Javascript
微信小程序实现的一键连接wifi功能示例
2019/04/24 Javascript
微信小程序时间戳转日期的详解
2019/04/30 Javascript
[44:41]Fnatic vs Liquid 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
python访问mysql数据库的实现方法(2则示例)
2016/01/06 Python
利用python批量检查网站的可用性
2016/09/09 Python
Python编程对列表中字典元素进行排序的方法详解
2017/05/26 Python
Python实现的多项式拟合功能示例【基于matplotlib】
2018/05/15 Python
Python字典深浅拷贝与循环方式方法详解
2020/02/09 Python
Pycharm的Available Packages为空的解决方法
2020/09/18 Python
丝芙兰法国官网:SEPHORA法国
2016/09/01 全球购物
党员自我剖析材料
2014/08/31 职场文书
党员教师四风问题对照检查材料
2014/09/26 职场文书
公司2014年度工作总结
2014/12/10 职场文书
2015教师年度思想工作总结
2015/04/30 职场文书
2015团员个人年度总结
2015/11/24 职场文书
幼儿园小班教学反思
2016/03/03 职场文书
导游词之任弼时故居
2020/01/07 职场文书
Java死锁的排查
2022/05/11 Java/Android