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代码
Oct 19 Javascript
屏蔽F1~F12的快捷键的js函数
May 06 Javascript
修改好的jquery滚动字幕效果实现代码
Jun 22 Javascript
推荐11款jQuery开发的复选框和单选框美化插件
Aug 02 Javascript
JavaScript中匿名、命名函数的性能测试
Sep 04 Javascript
js的window.showModalDialog及window.open用法实例分析
Jan 29 Javascript
JS创建事件的三种方法(实例代码)
May 12 Javascript
Webpack实现按需打包Lodash的几种方法详解
May 08 Javascript
微信小程序的生命周期的详解
Oct 19 Javascript
解决vue打包之后静态资源图片失效的问题
Feb 21 Javascript
详解在vue-cli3.0中自定css、js和图片的打包路径
Aug 26 Javascript
Vue实现点击按钮复制文本内容的例子
Nov 09 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
模拟flock实现文件锁定
2007/02/14 PHP
QQ登录 PHP OAuth示例代码
2011/07/20 PHP
兼容多浏览器的字幕特效Marquee的通用js类
2008/07/20 Javascript
js几个验证函数代码
2010/03/25 Javascript
js 创建快捷方式的代码(fso)
2010/11/19 Javascript
js对象的构造和继承实现代码
2010/12/05 Javascript
JS中的substring和substr函数的区别说明
2013/05/07 Javascript
基于JavaScript制作霓虹灯文字 代码 特效
2015/09/01 Javascript
分析js闭包引起的事件注册问题
2016/03/29 Javascript
第一章之初识Bootstrap
2016/04/25 Javascript
javaScript语法总结
2016/11/25 Javascript
使用snowfall.jquery.js实现爱心满屏飞的效果
2017/01/05 Javascript
AngularJS框架中的双向数据绑定机制详解【减少需要重复的开发代码量】
2017/01/19 Javascript
详解从新建vue项目到引入组件Element的方法
2017/08/29 Javascript
jquery实现左右轮播切换效果
2018/01/01 jQuery
express如何使用session与cookie的方法
2018/01/30 Javascript
Javascript实现运算符重载详解
2018/04/07 Javascript
ng-events类似ionic中Events的angular全局事件
2018/09/05 Javascript
SpringBoot+Vue开发之Login校验规则、实现登录和重置事件
2020/10/19 Javascript
使用python实现生成用户信息
2017/03/20 Python
Jupyter中直接显示Matplotlib的图形方法
2018/05/24 Python
Python 找到列表中满足某些条件的元素方法
2018/06/26 Python
对python中两种列表元素去重函数性能的比较方法
2018/06/29 Python
使用pytorch进行图像的顺序读取方法
2018/07/27 Python
python实现公司年会抽奖程序
2019/01/22 Python
python 实现selenium断言和验证的方法
2019/02/13 Python
捷克电器和DJ设备网上商店:Electronic-star
2017/07/18 全球购物
Big Green Smile德国网上商店:提供各种天然产品
2018/05/23 全球购物
全球立体声:World Wide Stereo
2018/09/29 全球购物
上课迟到检讨书100字
2014/01/11 职场文书
行政监察建议书
2014/05/19 职场文书
毕业生实习证明
2014/09/19 职场文书
二手车交易协议书标准版
2014/11/16 职场文书
2015年爱牙日活动总结
2015/02/05 职场文书
大学自主招生自荐信(2016精选篇)
2016/01/28 职场文书
创业计划书之面包店
2019/09/17 职场文书