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 ToolTip提示效果
Jul 20 Javascript
jQuery.autocomplete 支持中文输入(firefox)修正方法
Mar 10 Javascript
jquery插件制作 图片走廊 gallery
Aug 17 Javascript
两种方法实现文本框输入内容提示消失
Mar 17 Javascript
Jquery Mobile 自定义按钮图标
Nov 18 Javascript
JS提交form表单实例分析
Dec 10 Javascript
你有必要知道的25个JavaScript面试题
Dec 29 Javascript
layui插件表单验证提交触发提交的例子
Sep 09 Javascript
使用PreloadJS加载图片资源的基础方法详解
Feb 03 Javascript
微信小程序图片右边加两行文字的代码
Apr 23 Javascript
Postman无法正常返回结果问题解决
Aug 28 Javascript
关于Js中new操作符的作用详解
Feb 21 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
PHP4(windows版本)中的COM函数
2006/10/09 PHP
基于initPHP的框架介绍
2013/04/18 PHP
yii实现model添加默认值的方法(2种方法)
2016/01/06 PHP
php简单获取复选框值的方法
2016/05/11 PHP
一个简单安全的PHP验证码类、PHP验证码
2016/09/24 PHP
浅谈Javascript事件模拟
2012/06/27 Javascript
Jquery实现Div上下移动示例
2014/04/23 Javascript
JavaScript实现的双向跨域插件分享
2015/01/31 Javascript
Javascript实现商品秒杀倒计时(时间与服务器时间同步)
2015/09/16 Javascript
浅谈js中字符和数组一些基本算法题
2016/08/15 Javascript
JavaScript中setTimeout的那些事儿
2016/11/14 Javascript
JavaScript实现的原生态兼容IE6可调可控滚动文字功能详解
2017/09/19 Javascript
Element实现表格分页数据选择+全选所有完善批量操作
2019/06/07 Javascript
一步一步实现Vue的响应式(对象观测)
2019/09/02 Javascript
浅谈Vue 函数式组件的使用技巧
2020/06/16 Javascript
[00:59]DOTA2荣耀之路1:Doom is back!weapon X!
2018/05/22 DOTA
[10:21]2018DOTA2国际邀请赛寻真——Winstrike
2018/08/11 DOTA
基于python编写的微博应用
2014/10/17 Python
Python装饰器的函数式编程详解
2015/02/27 Python
python远程连接服务器MySQL数据库
2018/07/02 Python
Python之两种模式的生产者消费者模型详解
2018/10/26 Python
Django+Xadmin构建项目的方法步骤
2019/03/06 Python
python替换字符串中的子串图文步骤
2019/06/19 Python
nginx搭建基于python的web环境的实现步骤
2020/01/03 Python
Python如何实现邮件功能
2020/05/27 Python
使用Keras加载含有自定义层或函数的模型操作
2020/06/10 Python
解决PyCharm不在run输出运行结果而不是再Console里输出的问题
2020/09/21 Python
医学生个人求职信范文
2014/02/07 职场文书
竞选学习委员演讲稿
2014/04/28 职场文书
幼儿园保育员责任书
2014/07/22 职场文书
承租经营合作者协议书
2014/10/01 职场文书
领导班子群众路线与四风问题对照检查材料思想汇报
2014/10/11 职场文书
2015年大学班长个人工作总结
2015/04/24 职场文书
结婚堵门保证书
2015/05/08 职场文书
小学生读书笔记
2015/07/01 职场文书
阿里云k8s服务升级时502错误 springboot项目应用
2022/04/09 Servers