JavaScript判断按钮被点击的方法
更新时间：2015年12月13日 14:04:39 作者：深海的小鱼儿
javascript代码判断按钮是否被点击了在项目中经常会遇到这个需求，今天小编抽点时间给大家分享一段代码关于javascript判断按钮是否被点击的方法，感兴趣的朋友一起学习吧
废话不多说了，直接给大家贴代码了。
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判断按钮被点击的方法，希望大家喜欢。
相关文章
我们在学到js中数组的时候,我们会接触到js中数组的一些方法这些方法对我们来说,可以很便利的达到我们想要的结果,下面这篇文章主要给大家介绍了关于javascript中搜索数组的四种方法,需要的朋友可以参考下2022-12-12
这篇文章主要介绍了基于 Immutable.js 实现撤销重做功能及一些需要注意的地方,需要的朋友可以参考下2018-03-03
这篇文章主要介绍了JavaScript enum枚举类型定义及使用方法,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-05-05
indexOf()函数用于查找子字符串在当前字符串中第一次出现的位置。该函数属于String对象，所有主流浏览器均支持该函数。下面我们就来详细探讨下javascript的index0f()函数2015-05-05
这篇文章主要介绍了js完全解析url和拼接,需要的朋友可以参考下2022-05-05
这篇文章主要介绍了javaScript 逻辑运算符使用技巧整理的相关资料,需要的朋友可以参考下2017-05-05
众所周知window.open() 函数可以用来打开一个新窗口，那么如何在子窗体中向父窗体传值呢，其实通过window.opener即可获取父窗体的引用。2009-09-09
这篇文章主要介绍了JavaScript实现数字前补“0”的五种方法,结合具体实例形式分析了javascript数字前补0的相关操作技巧,涉及javascript字符串遍历、迭代、截取、构造等操作,需要的朋友可以参考下2019-01-01
这篇文章主要介绍了js中数组结合字符串实现查找(屏蔽广告判断url等),需要的朋友可以参考下2016-03-03
最长公共子序列（longest common sequence）和最长公共子串（longest common substring）不是一回事儿，下面这篇文章主要给大家介绍了关于javascript实现最长公共子序列的相关资料，需要的朋友可以参考下。2018-02-02
最新评论