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 03 Javascript
JS中setInterval、setTimeout不能传递带参数的函数的解决方案
Apr 28 Javascript
nw.js实现类似微信的聊天软件
Mar 16 Javascript
javascript图片切换综合实例(循环切换、顺序切换)
Jan 13 Javascript
HTML页面,测试JS对C函数的调用简单实例
Aug 09 Javascript
jquery的父、子、兄弟节点查找,节点的子节点循环方法
Dec 07 Javascript
JS中mouseup事件丢失的原因与解决办法
Jun 14 Javascript
详解探索 vuex 2.0 以及使用 vuejs 2.0 + vuex 2.0 构建记事本应用
Jun 16 Javascript
JavaScript实现为事件句柄绑定监听函数的方法分析
Nov 14 Javascript
javascript和php使用ajax通信传递JSON的实例
Aug 21 Javascript
解决webpack+Vue引入iView找不到字体文件的问题
Sep 28 Javascript
微信小程序淘宝首页双排图片布局排版代码(推荐)
Oct 29 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编写一个简单的路由类
2011/04/13 PHP
mac下使用brew配置环境的步骤分享
2011/05/23 PHP
php后退一页表单内容保存实现方法
2012/06/17 PHP
为PHP安装imagick时出现Cannot locate header file MagickWand.h错误的解决方法
2014/11/03 PHP
laravel框架中控制器的创建和使用方法分析
2019/11/23 PHP
jscript之Open an Excel Spreadsheet
2007/06/13 Javascript
jquery 图片预加载 自动等比例缩放插件
2008/12/25 Javascript
轻松学习jQuery插件EasyUI EasyUI创建菜单与按钮
2015/11/30 Javascript
Bootstrap中点击按钮后变灰并显示加载中实例代码
2016/09/23 Javascript
使用DeviceOne实现微信小程序功能
2016/12/29 Javascript
Ajax 加载数据 练习代码
2017/01/05 Javascript
vue 数组和对象不能直接赋值情况和解决方法(推荐)
2017/10/25 Javascript
轻量级JS Cookie插件js-cookie的使用方法
2018/03/22 Javascript
vue使用v-if v-show页面闪烁,div闪现的解决方法
2018/10/12 Javascript
webpack4+express+mongodb+vue实现增删改查的示例
2018/11/08 Javascript
jQuery模拟html下拉多选框的原生实现方法示例
2019/05/30 jQuery
JavaScript实现更换背景图片
2019/10/18 Javascript
React生命周期原理与用法踩坑笔记
2020/04/28 Javascript
JavaScript forEach中return失效问题解决方案
2020/06/01 Javascript
微信小程序实现上传照片代码实例解析
2020/08/04 Javascript
ant design vue导航菜单与路由配置操作
2020/10/28 Javascript
Python处理json字符串转化为字典的简单实现
2016/07/07 Python
Python在图片中添加文字的两种方法
2017/04/29 Python
python矩阵转换为一维数组的实例
2018/06/05 Python
Python3 利用requests 库进行post携带账号密码请求数据的方法
2018/10/26 Python
Python魔法方法功能与用法简介
2019/04/04 Python
Python浮点数四舍五入问题的分析与解决方法
2019/11/19 Python
python实现测试工具(二)——简单的ui测试工具
2020/10/19 Python
基于pycharm 项目和项目文件命名规则的介绍
2021/01/15 Python
俄罗斯最大的在线珠宝大卖场:Nebo
2019/12/08 全球购物
正宗的澳大利亚Ugg靴子零售商:UGG Express
2020/04/19 全球购物
2014年超市工作总结
2014/11/19 职场文书
2015元旦节寄语
2014/12/08 职场文书
婚宴来宾致辞
2015/07/28 职场文书
团队拓展训练心得体会
2016/01/12 职场文书
码云(gitee)通过git自动同步到阿里云服务器
2022/12/24 Servers