摘要：click方法可以用来模拟用户点击。有的浏览器中所有元素都具有click方法，有的浏览器则没有。如下IE6/7/8/9/Opera12/Firefox5/Chrome21Safari5INPUT[type=text]INPUT[type=password]INPUT[type=radio]INPUT[type=checkbox]INPUT[type=button]INPUT[type=submit]INPUT[type=image]INPUT[type=hidden]INPUT[type=reset]INPUT[type=submit]INPUT[type=file]1BUTTON[type=
阅读全文
摘要：偶然发现之前写的事件模块在Firefox5中无法触发A的默认行为了。IE/Opera/Firefox5中A具有click方法，因此模拟点击直接调用click方法即可。而标准的事件触发可以使用dispatchEvent方法。但现在FF5无法触发了A的默认行为了。如下<!doctype html><html> <head> <meta charset="utf-8"> <title>Firefox5链接A无法实现模拟点击bug</title> </head> <body> <a
阅读全文
摘要：使用jQuery删除事件（或称解除事件绑定）有三个函数：unbind、die和undelegate。这三个方法都依赖于未公开的jQuery.event.remove（后续使用remove简写）。此为删除事件的核心方法。remove 所作的事情与上一篇提到的.add 刚好相反。且与.add中的处理代码...
阅读全文
摘要：获取计算后的元素样式，IE有currentStyle，而标准浏览器用getComputedStyle。IE9后也支持getComputedStyle了。发现以前写的css方法不好用了，在chrome中返回的结果与其它浏览器不同。重现如下<!DOCTYPE HTML><HTML> <HEAD> <meta charset="utf-8" /> <title>css opacity</title> <style type="text/css"> div { backgroun
阅读全文
摘要：浏览器版本：IE6/7/8/9IE10 preview2Firefox 5Safari 5Chrome 12Opera 11测试：IE6/7/8IE9/10Firefox5Safari5Chrome12Opera11el.onfocusinYYNNNYel.attachEvent('onfocusin',fn)YYNNNYel.addEventListener('focusin',fn,false);NYNYYY结论：1， 所有 IE 版本均支持focusin/focusout事件（注意：IE6/7/8中不支持el.addEventListener方法）。2，
阅读全文
摘要：多数情况下隐藏(设置display:none)一个元素，无需依次将其内的所有子元素都隐藏。非要这么做，有时会碰到意想不到的bug。如下1，两个div，d1中包含d22，d1，d2都设置了absolute或relative3，隐藏d14，隐藏子元素d25，显示d1这时IE6/7 and IE8/9/10(IE7模式)中会发现，子元素d2也能显示出了(别忘了，d2被display:none 了哦)。但IE8/9/10/Firefox5/Safari4/Chrome12中子元素d2仍然是被隐藏的。重现代码<!DOCTYPE HTML><HTML> <HEAD> &
阅读全文
摘要：上一篇提到jQuery中添加事件提供给客户端程序员的接口方法有很多bind/click等，但其实现的核心方法是jQuery.event.add。这篇看看其源码，这个add定义如下（省略大部分）add: function( elem, types, handler, data ) { if ( ele...
阅读全文
摘要：示例<!DOCTYPE HTML><HTML> <HEAD> <meta charset="utf-8" /> <title>仅img元素创建后却不添加到文档中会执行onload事件</title> </HEAD> <BODY> <script> var img = document.createElement('img'); img.src = "http://www.sinaimg.cn/rny/sinamail57/skins/1103
阅读全文
