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 相关文章推荐
javascript SpiderMonkey中的函数序列化如何进行
Dec 05 Javascript
THREE.JS入门教程(2)着色器-上
Jan 24 Javascript
JavaScript新窗口与子窗口传值详解
Feb 11 Javascript
jQuery实现日期联动效果实例
Jul 26 Javascript
webpack写jquery插件的环境配置
Dec 21 jQuery
使用Vue构建可重用的分页组件
Mar 26 Javascript
解决vue keep-alive 数据更新的问题
Sep 21 Javascript
iview同时验证多个表单问题总结
Sep 29 Javascript
详解Vue3 Composition API中的提取和重用逻辑
Apr 29 Javascript
原生小程序封装跑马灯效果
Oct 21 Javascript
关于better-scroll插件的无法滑动bug(2021通过插件解决)
Mar 01 Javascript
利用promise及参数解构封装ajax请求的方法
Mar 24 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
如何删除多级目录
2006/10/09 PHP
PHP常用函数总结(180多个)
2016/12/25 PHP
Laravel学习教程之路由模块
2017/08/18 PHP
php和html的区别点详细总结
2019/09/24 PHP
datePicker——日期选择控件(with jquery)
2007/02/20 Javascript
js 解决“options为空或不是对象”
2008/12/22 Javascript
js 关于=+与+=日期函数使用说明(赋值运算符)
2011/11/15 Javascript
JavaScript代码编写中各种各样的坑和填坑方法
2014/06/06 Javascript
JS简单实现动画弹出层效果
2015/05/05 Javascript
详解vue之页面缓存问题(基于2.0)
2017/01/10 Javascript
基于iScroll实现下拉刷新和上滑加载效果
2017/07/18 Javascript
基于twbsPagination.js分页插件使用心得(分享)
2017/10/21 Javascript
微信小程序渲染性能调优小结
2019/07/30 Javascript
Vue优化:常见会导致内存泄漏问题及优化详解
2020/08/04 Javascript
解析Mac OS下部署Pyhton的Django框架项目的过程
2016/05/03 Python
python 生成器协程运算实例
2017/09/04 Python
python构建深度神经网络(续)
2018/03/10 Python
CentOS下Python3的安装及创建虚拟环境的方法
2018/11/28 Python
解决pycharm 工具栏Tool中找不到Run manager.py Task的问题
2019/07/01 Python
python opencv调用笔记本摄像头
2019/08/28 Python
Python猴子补丁Monkey Patch用法实例解析
2020/03/23 Python
html5新增的属性和废除的属性简要概述
2013/02/20 HTML / CSS
【HTML5】3D模型--百行代码实现旋转立体魔方实例
2016/12/16 HTML / CSS
HTML5拖拽文件上传的示例代码
2021/03/04 HTML / CSS
中国第一家杂志折扣订阅网:杂志铺
2016/08/30 全球购物
印度婴儿用品在线商店:Firstcry.com
2016/12/05 全球购物
网络安全方面的面试题
2016/01/07 面试题
计算机专业个人简短的自我评价
2013/10/23 职场文书
旅游管理毕业生自荐信
2013/11/05 职场文书
投标单位介绍信
2014/01/09 职场文书
幼儿园教师备课制度
2014/01/12 职场文书
自主实习接收函
2014/01/13 职场文书
残疾人创业典型事迹
2014/02/01 职场文书
关于感恩的演讲稿400字
2014/08/26 职场文书
学校节水倡议书
2015/04/29 职场文书
Mysql binlog日志文件过大的解决
2021/10/05 MySQL