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 相关文章推荐
cnblogs csdn 代码运行框实现代码
Nov 02 Javascript
如何确保JavaScript的执行顺序 之实战篇
Mar 03 Javascript
jQuery EasyUI API 中文文档 可调整尺寸
Sep 29 Javascript
json的前台操作和后台操作实现代码
Jan 20 Javascript
require.js深入了解 require.js特性介绍
Sep 04 Javascript
JavaScript实现生成GUID(全局统一标识符)
Sep 05 Javascript
推荐25个超炫的jQuery网格插件
Nov 28 Javascript
JavaScript学习笔记之取数组中最大值和最小值
Mar 23 Javascript
js HTML5 Canvas绘制转盘抽奖
Sep 13 Javascript
javascript学习笔记_浅谈基础语法,类型,变量
Sep 19 Javascript
node.js基于mongodb的搜索分页示例
Jan 22 Javascript
使用 vue-i18n 切换中英文效果
May 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实现读取和编写XML DOM代码
2010/04/07 PHP
php array_unique之后json_encode需要注意
2011/01/02 PHP
php按百分比生成缩略图的代码分享
2014/05/10 PHP
PHP开发中常用的十个代码样例
2016/02/02 PHP
Thinkphp3.2.3分页使用实例解析
2016/07/28 PHP
PHP区块查询实现方法分析
2018/05/12 PHP
基于jQuery的计算文本框字数的代码
2012/06/06 Javascript
怎样在JavaScript里写一个swing把数据插入数据库
2012/12/10 Javascript
原始XMLHttpRequest方法详情回顾
2013/11/28 Javascript
为Javascript中的String对象添加去除左右空格的方法(示例代码)
2013/11/30 Javascript
整理Javascript数组学习笔记
2015/11/29 Javascript
BootStrap table使用方法分析
2016/11/08 Javascript
Bootstrap入门教程一Hello Bootstrap初识
2017/03/02 Javascript
浅谈JS如何实现真正的对象常量
2017/06/25 Javascript
Vue官方文档梳理之全局配置
2017/11/22 Javascript
使用Vue.js开发微信小程序开源框架mpvue解析
2018/03/20 Javascript
webpack4.x下babel的安装、配置及使用详解
2019/03/07 Javascript
Layui点击图片弹框预览的实现方法
2019/09/16 Javascript
Vue实现input宽度随文字长度自适应操作
2020/07/29 Javascript
vue 微信分享回调iOS和安卓回调出现错误的解决
2020/09/07 Javascript
[01:02:45]完美世界DOTA2联赛 LBZS vs Forest 第三场 11.07
2020/11/09 DOTA
简单介绍Python中的len()函数的使用
2015/04/07 Python
初探TensorFLow从文件读取图片的四种方式
2018/02/06 Python
Python图像处理之图像的缩放、旋转与翻转实现方法示例
2019/01/04 Python
python使用Plotly绘图工具绘制柱状图
2019/04/01 Python
python [:3] 实现提取数组中的数
2019/11/27 Python
python读取mysql数据绘制条形图
2020/03/25 Python
英国在线发型和美容产品商店:Beauty Cutie
2019/04/27 全球购物
Ruby如何定义一个类
2012/10/08 面试题
应届毕业生就业自荐信
2013/10/26 职场文书
献爱心倡议书
2014/04/14 职场文书
反邪教宣传工作方案
2014/05/07 职场文书
省文明单位申报材料
2014/05/08 职场文书
井冈山红色之旅感想
2014/10/07 职场文书
MySQL root密码的重置方法
2021/04/21 MySQL
JS ES6异步解决方案
2021/04/29 Javascript