JavaScript判断按钮被点击的方法
作者:bea
废话不多说了,直接给大家贴代码了。 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
废话不多说了,直接给大家贴代码了。
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实现单击输入框弹出选择框效果完整实例
- JavaScript实现点击按钮就复制当前网址
- JavaScript 实现的 zip 压缩和解压缩工具包Zip.js使用详解
- JS+JSP通过img标签调用实现静态页面访问次数统计的方法
- 基于JavaScript实现一定时间后去执行一个函数
- javascript中new关键字详解
- jQuery position() 函数详解以及jQuery中position函数的应用
- Position属性之relative用法
- CSS中position属性之fixed实现div居中
- 通过设置CSS中的position属性来固定层的位置
- js实现拖拽效果(构造函数)
- jQuery滚动加载图片实现原理
- jQuery点击按钮弹出遮罩层且内容居中特效
- jquery实现倒计时效果
- JavaScript 七大技巧(一)
- JavaScript 七大技巧(二)
- js自定义回调函数
- 由浅入深讲解Javascript继承机制与simple-inheritance源码分析
- 分享Javascript实用方法二