varmyHref = document.getElementsByTagName("a");for(vari = 0,mylength = myHref.length; i<mylength; i++) { (function(i){//这里的i跟外部的i实际不是一个imyHref[i].addEventListener("click",function(e){ e.preventDefault(); alert(i); },"false"); })(i); } i=555;//不会影响 这...
为将来执行或某些事件安排功能:e.addEventListener('click', )myFunc() 你注意到区别了吗?方式1是当脚本加载解析到它时,会立即去执行(调用)一个函数,而方式2却没有这样。 我们看下面的代码片段: function init() { // code console.log("JavaScript Is Love!!") } init(); 上面的代码片段定义了一个函数...
阻止传播事件 x3.addEventListener('click',function(e){console.log('x2')e.stopPropagation()}) 在我们的代码中添加e.stopPropagation()就可以阻止事件继续传播,传播到此停止。 比如例子中的传播,当我们点击黄色区域,是不会打印'x1'的。 另外如果使用阻止默认事件,会将除了传播之外的默认事件也阻止了,所以尽量不...
addEventListener('click', function(e){ e.preventDefault() console.log("这是div内 h1 的事件") }, { // 这里是option 选项 capture: false, // 表示 listener 会在该类型的事件捕获阶段传播到该 EventTarget 时触发, 这个不知道什么用处,可能我没有碰到相关的情况 once: true, // 只会被调用一次 ...
function clickHandlerWithArg(e:MouseEvent,arg:String):void { var out:String= e.target + "发出事件(有参数) :" + arg; trace(out); } 1. 2. 3. 4. 5. 6. 7. 其实发消息的时候传参数在2.0里面是很方便的,但3.0里面要去写一个类去继承Event这个类,感觉麻烦了许多,在我学习3.0的初期一直不...
eventTarget.addEventListener('click',function(event){}) 这里的event就是事件对象,我们还喜欢的写成e或者evt 官方解释:event对象代表事件的状态,比如键盘按键的状态、鼠标的位置、鼠标按钮的状态。 简单解释:事件发生后,跟事件相关的一系列信息数据的集合都放到这个对象里面,这个对象就是事件对象event,它有很多属性和...
当点击cc时,按cc>bb>aa依次捕获,再按aa>bb>cc依次冒泡;因为第三个参数(useCapture)默认为false,所以在冒泡阶段执行各自click函数,结果如下:ccbbaa 当js修改为 代码语言:javascript 复制 functionprint(e){console.log(this.id);}aa.addEventListener('click',print,true);//第三个参数默认为falsebb.addEventListe...
function myFunction() { alert ("Hello World!"); } 1. 2. 3. 4. 将许多事件处理程序添加到同一元素 addEventListener()方法允许您向同一元素添加许多事件,而不会覆盖现有事件 element.addEventListener("click", myFunction); element.addEventListener("click", mySecondFunction); ...
el.onclick=function(){}:这是古老的事件绑定方式。 :这是最古老的事件绑定方式。 jQuery:jQuery也提供了很多方法来方便地绑定事件。 addEventListener是现代Web应用中绑定事件的终极方法,jQuery从版本2开始也是通过调用addEventListener来实现其事件绑定逻辑 (源码分析参见:DOM Level 2 Event与jQuery源码)。 jQuery的所有...
document.addEventListener('click',function(){ },false) , 语法中最后false是什么意思?来源:2-1 DOM创建节点及节点属性 一执念两世3955502 2017-05-02 15:45document.addEventListener('click',function(){ },false) , 语法中最后false是什么意思?写回答 关注 ...