JavaScript可以通过Event对象的target事件或srcElement（IE浏览器支持）来判断按钮是否被点击。Event对象代表事件的状态，比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。
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>2、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>
<div>
<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"/>
</div>
</BODY>
</HTML>Event 对象
Event 对象代表事件的状态，比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。
事件通常与函数结合使用，函数不会在事件发生前被执行！
target 事件
target 事件属性可返回事件的目标节点（触发该事件的节点），如生成事件的元素、文档或窗口。
语法：
event.targetsrcElement
srcElement：对于生成事件的 Window 对象、Document 对象或 Element 对象的引用。
classList的使用，原生js对class的添加，删除，修改等方法的总结，以及兼容操作
classList是一个DOMTokenList的对象，用于在对元素的添加，删除，以及判断是否存在等操作。以及如何兼容操作
js原型链，Javascript重温OOP之原型与原型链
js的原型链，得出了一个看似很简单的结论。对于一个对象上属性的查找是递归的。查找属性会从自身属性(OwnProperty)找起，如果不存在，就查看prototype中的存在不存在。
讲解JavaScript 之arguments的详解，arguments.callee，arguments.caller的使用方法和实例
arguments是什么?在javascript 中有什么样的作用?讲解JavaScript 之arguments的使用总结，包括arguments.callee和arguments.calle属性介绍。
WebSocket的原理及WebSocket API的使用，js中如何运用websocket
WebSocket是HTML5下一种新的协议，为解决客户端与服务端实时通信而产生的技术。其本质是先通过HTTP/HTTPS协议进行握手后创建一个用于交换数据的TCP连接
javascript对dom的操作总汇，js创建，更新，添加，删除DOM的方法
HTML文档在浏览器解析后，会成为一种树形结构，我们需要改变它的结构，就需要通过js来对dom节点进行操作。dom节点（Node）通常对应的是一个标题，文本，或者html属性。
深入理解JS中引用类型和基本类型
javascript中基本类型指的是那些保存在栈内存中的简单数据段，即这种值完全保存在内存中的一个位置。 引用类型指那些保存在堆内存中的对象，意思是变量中保存的实际上只是一个指针，这个指针指向内存中的另一个位置，该位置保存对象。
深入理解Javascript中apply、call、bind方法的总结。
apply 、 call 、bind 三者都是用来改变函数的this对象的指向的；第一个参数都是this要指向的对象，也就是想指定的上下文；都可以利用后续参数传参；bind 是返回对应函数，便于稍后调用；apply 、call 则是立即调用 。
理解js中prototype和__proto__和的区别和作用？
在js中有句话叫一切皆对象，而几乎所有对象都具有__proto__属性，可称为隐式原型，除了Object.prototype这个对象的__proto__值为null。Js的prototype属性的解释是：返回对象类型原型的引用。每个对象同样也具有prototype属性，除了Function.prototype.bind方法构成的对象外。
js中“=”，“==”，“===”的使用和深入理解
Js支持“=”、“==”和“===”的运算符，我们需要理解这些 运算符的区别 ，并在开发中小心使用。它们分别含义是：= 为对象赋值 ，== 表示两个对象toString值相等，=== 表示两个对象类型相同且值相等
JS的变量作用域问题，理解js全局变量和局部变量问题
js的变量分为2种类型：局部变量和全局变量。主要区别在于：局部变量是指只能在变量被声明的函数内部调用，全局变量在整个代码运行过程中都可以调用。值得注意的js中还可以隐式声明变量，而隐式声明的变量千万不能当做全局变量来使用。
内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!