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 相关文章推荐
利用google提供的API(JavaScript接口)获取网站访问者IP地理位置的代码详解
Jul 24 Javascript
JS实现淘宝幻灯片效果的实现方法
Mar 22 Javascript
BootStrap点击下拉菜单项后显示一个新的输入框实现代码
May 16 Javascript
Document.body.scrollTop的值总为零的快速解决办法
Jun 09 Javascript
jQuery Ajax使用FormData对象上传文件的方法
Sep 07 Javascript
javascript常用的设计模式
Feb 09 Javascript
基于vue2实现左滑删除功能
Nov 28 Javascript
JavaScript实现JSON合并操作示例【递归深度合并】
Sep 07 Javascript
JavaScript定时器设置、使用与倒计时案例详解
Jul 08 Javascript
vue+eslint+vscode配置教程
Aug 09 Javascript
微信小程序云函数添加数据到数据库的方法
Mar 04 Javascript
详解微信小程序动画Animation执行过程
Sep 23 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执行.SQL文件
2013/07/05 PHP
PHP获取某个月最大天数(最后一天)的方法
2015/07/29 PHP
PHP多维数组遍历方法(2种实现方法)
2015/12/10 PHP
详解WordPress中添加和执行动作的函数使用方法
2015/12/29 PHP
PHP进程通信基础之信号
2017/02/19 PHP
php 输出缓冲 Output Control用法实例详解
2020/03/03 PHP
javascript之卸载鼠标事件的代码
2007/05/14 Javascript
再说AutoComplete自动补全之实现原理
2011/11/05 Javascript
autoPlay 基于jquery的图片自动播放效果
2011/12/07 Javascript
Javascript面向对象设计一 工厂模式
2011/12/20 Javascript
js动态修改整个页面样式达到换肤效果
2014/05/23 Javascript
jQuery 获取、设置HTML或TEXT内容的两种方法
2014/05/23 Javascript
node.js中的fs.unlinkSync方法使用说明
2014/12/15 Javascript
jquery UI Datepicker时间控件的使用方法(基础版)
2015/11/07 Javascript
JS获取数组中出现次数最多及第二多元素的方法
2017/10/27 Javascript
vue实现学生录入系统之添加删除功能
2018/07/11 Javascript
详解解决小程序中webview页面多层history返回问题
2019/08/20 Javascript
在python的WEB框架Flask中使用多个配置文件的解决方法
2014/04/18 Python
利用Python绘制数据的瀑布图的教程
2015/04/07 Python
使用Python3 编写简单信用卡管理程序
2016/12/21 Python
python 地图经纬度转换、纠偏的实例代码
2018/08/06 Python
python  创建一个保留重复值的列表的补码
2018/10/15 Python
Python中dict和set的用法讲解
2019/03/28 Python
tensorflow实现打印ckpt模型保存下的变量名称及变量值
2020/01/04 Python
python求前n个阶乘的和实例
2020/04/02 Python
韩国三大免税店之一:THE GRAND 中文免税店
2016/07/21 全球购物
Lookfantastic西班牙官网:英国知名美妆购物网站
2018/06/13 全球购物
新加坡一家在线男士皮具品牌:Faire Leather Co.
2019/12/01 全球购物
沙特阿拉伯家用电器和电子产品购物网站:Sheta and Saif
2020/04/03 全球购物
为什么UNION ALL比UNION快
2016/03/17 面试题
基层党建工作汇报材料
2014/08/15 职场文书
城市规划应届生推荐信
2014/09/08 职场文书
承德避暑山庄导游词
2015/02/03 职场文书
董事长年会致辞
2015/07/29 职场文书
清洁工工作总结
2015/08/11 职场文书
公司财务制度:成本管理控制制度模板
2019/11/19 职场文书