Redky

web前端开发/HTML/CSS/JavaScript

Archive for the ‘event’ tag

事件中的return、propagation和preventDefault

without comments

事件中的return、propagation和preventDefault:

  1. return; //函数运行停止
  2. return false;//函数停止运行,并且阻止默认行为
  3. event.preventDefault;//阻止默认行为
  4. event.propagation; //阻止冒泡

以上是在原生JavaScript中的情况; 在jQuery中, return false;会阻止事件冒泡;

Written by jim

十月 16th, 2010 at 12:25 下午

Posted in JavaScript

Tagged with ,

javascript中的事件

with one comment

上一篇文章中谈到使用e.preventDefault()/e.cancelBubble = true;这样的方法.今天再说一个绑定事件的事情.

在IE下绑定事件使用elem.attachEvent(‘on’ + eventType, fn);
在FF下绑定事件使用elem.addEventListener(eventType,fn,false);

如果fn为匿名函数的方式,alert出来的this;这两种方式弹出的对象是不同的.
IE指向了window; 而FF指向我们心理所想的绑定元素.

为了让IE也得到这个元素, 我当前的方法是,使用E.srcElement.

说到E,再说一点: 在使用上面谈到的方法绑定事件时; fn这个函数会直接有一个event参数,并且在IE/FF下是相同的. (不用再e || window.event)

如果是想得到绑定的元素(!e.srcElement|| !e.target),在IE下可以有属性得到.

Written by jim

八月 15th, 2010 at 9:15 下午

Posted in JavaScript

Tagged with