function addEvent(el ,type ,fn){if(el.addEventListener){el.addEventListener(type,fn,false);}else if(el.attachEvent){el.attachEvent(‘on‘+type,fn);}else{el[‘on‘+type] = fn;}}function alertIndex(){alert(2);}addEvent(ipt[0],‘click‘,function(){alert(1)});addEvent(ipt[0],‘click‘,alertIndex); 原文：http://www.cnblogs.com/bestsamcn/p/5206833.html
JS为何是单线程的？ JavaScript语言的一大特点就是单线程，也就是说，同一个时间只能做一件事。那么，为什么JavaScript不能有多个线程呢？这样能提高效率啊。（在JAVA和c#中的异步均是通过多线程实现的，没有循环队列一说，直接在子线程中完成相关的操作）JavaScript的单线程，与它的用途有关。作为浏览器脚本语言，JavaScript的主要用途是与用户互动，以及操作DOM。这决定了它只能是单线程，否则会带来很复杂的同步问题。比如，假...
初学者经常碰到的,即获取HTML元素集合，循环给元素添加事件。在事件响应函数中(event handler)获取对应的索引。但每次获取的都是最后一次循环的索引。原因是初学者并未理解JavaScript的闭包特性。有个网友问了个问题，如下的html，为什么点击所有的段落p输出都是5，而不是alert出对应的0，1，2，3，4。1. <!DOCTYPE HTML>2. <html>3. <head>4. <meta charset="utf-8" />5. <title>闭包演示</title>6. <style type="text/css"...
事件对象event 如果是事件处理函数绑定的函数，浏览器会默认传递一个参数，event对象。而这个对象会根据触发的事件判断是鼠标事件还是键盘事件 //鼠标事件1 document.onclick=function(evt){ 2 alert(evt); //键盘事件3 }//键盘事件1 document.onkeydown=function(evt){ 2 alert(evt); //键盘事件3 } 由于IE浏览器和W3C浏览器获取event对象有不兼容的地方，所以...
在"JavaScript进阶系列05,事件的执行时机, 使用addEventListener为元素同时注册多个事件,事件参数"中已经有了一个跨浏览器的事件处理机制。现在需要使用这个事件处理机制为页面元素注册事件方法。 □ 点击页面任何部分触发事件 创建一个script1.js文件。(function() {eventUtility.addEvent(document, "click", function(evt) {alert(‘hello‘);}); }()); 页面部分。<head> <meta http-equiv="Content-Type" content="text/html; ...
1、代码<!DOCTYPE html> <html><head><title>textarea输入文字监听</title> </head><body><textarea id=‘text‘ maxlength="50" style="width: 400px; height: 200px;"></textarea><span id=‘sp‘></span><script type="text/javascript">var val = document.getElementById("text");var tar = document.getElementById(‘sp‘);console.log(tar);val.addEventListener("input", function(e) {var t = this.value;console.log(t)...
一、最简单和向后兼容性最好的事件绑定方法是把事件绑定到元素标识的属性。事件属性名称由事件类型外加一个“on”前缀构成。这些属性也被称为事件处理器<INPUT TYPE="text" NAME="first_name" onChange="convertToUpper(this)">或者<INPUT TYPE="text" NAME="first_name" onChange="javascript : js code">或者Dom.onclick = function(e){ //todo }二、js方法绑定事件1、dom对象的attachEvent()方法给该dom元素的事件（该方法仅支...
事件类型Web浏览器中可能发生的事件有许多种类型不同类型的事件都有着自己独特的信息在“DOM3级事件”规范中，规定了以下几类事件：UI事件 当用户与页面元素交互时触发焦点事件 当元素失去或获得焦点时触发鼠标事件 当用户通过鼠标在页面上执行操作时触发滚轮事件 当使用鼠标滚轮或类似设备时触发文本事件 当在文档中输入文本时触发键盘事件 当用户通过键盘在页面执行操作时触发合成事件 当为IME（输入法编辑...
原文：http://www.cnblogs.com/ceshi2016/p/6052933.html
1、定义鼠标的坐标 当鼠标移动时发生显示事件方法摘要 voidmouseDragged(MouseEvent e) 鼠标按键在组件上按下并拖动时调用。 voidmouseMoved(MouseEvent e) 鼠标光标移动到组件上但无按键按下时调用。 1publicclass TestKeyAndMouse extends Frame implements MouseMotionListener2{3static TextField field;4 5publicstaticvoid main(String[] args) {6 TestKeyAndMouse frame = new TestKeyAndMouse...
javascript 点击事件执行两次js问题在JQuery中存在unbind()方法，先解绑再添加点击事件,解决方案为：$(".m-layout-setting").unbind(‘click‘).click(function(){ //此处填写逻辑代码 }) ------因为利用js在页面加载后添加需要点击事件的代码，发现在点击后会代码会执行两次，因为有toggle效果，导致弹窗出现又很快丢失查了一些资料，发现这是冒泡的原因，需要在点击事件代码中加入阻止冒泡的方法：e.stopPropagation();但是发现还...
近期有个项目当页面Html文档初始化完了之后，要加载多个函数，最初我是这样用的：window.onload=firstfunc(); window.onload=secondfunc();但是这样总是最后一个才会被执行。最后在网上学习了下才知道怎么处理： 1function addLoad(func){2var oldonload=window.onload;3if(typeof window.onload != ‘function‘)4 window.onload=func;5 }else {6 window.onload=function(){7 oldonload();8 func...
这章展示事件例子。 下图是官方API的事件： 例子：var butt1 = paper.set();var a1 = paper.circle(24.833, 26.917, 26.667).attr({fill: "#fff", opacity: 0});var a2 = paper.circle(24.833, 26.917, 26.667).attr({stroke: "black", fill: "#fff", "fill-opacity": .4, "stroke-width": 2}); var a3 = paper.path("M12.582,9.551C3.251,16.237,0.921,29.021,7.08,38.564l-2.36,1.689l4.893,2.262l4.893,2.262l-0.568-5.36l-0.56...
事件驱动的三个要素： 事件源：能够接收外部事件的源体。 侦听器：能够接收事件源通知的对象。 事件处理程序：用于处理事件的对象。原文：http://www.cnblogs.com/huangyin/p/5286632.html
1.事件驱动js控制页面的行为是由事件驱动的。 什么是事件？（怎么发生的） 事件就是js侦测到用户的操作或是页面上的一些行为 事件源（发生在谁身上） 引发事件的元素 事件处理程序（发生了什么事） 对事件处理的程序或函数 事件对象（用来记录发生事件时的相关信息） 只有在事件发生的时候，才会产生事件对象，无法手动创建，并且事件对象只能在处理函数内部访问，处理函数允许结束后该对象自动销毁 ...