司徒正美 - 博客园

javascript 事件冒泡的补充

摘要： scroll在IE8-9中无法捕获,由于又不能冒泡,因此无法使用事件代理.它在FF下可以通过捕获来处理.focus与blur事件在IE下可以通过focusin与focusout事件来模拟,但对于那些不能非表单元素或链接或图片等一般元素,我们需要给它设置tabIndex,才能让它拥有捕获焦点或失去焦点的能力.在某些非常新的标准浏览器中,可以使用DOMFocusIn,DOMFocusOut来模拟,但这种不能使用onXXX调用的事件随时可能废弃,因此我也不会用它们来模拟.focus,blur的事件代理. <!doctype html><html> <head> & 阅读全文

posted @ 2011-05-27 22:19 司徒正美阅读(1923) 评论(1) 推荐(0)

video标签在播放视频时的各种状态

摘要： On Mon, 18 Oct 2010 01:01:00 +0200, Chris Pearce <chris@pearce.org.nz> wrote: In the description of the media ready states for HAVE_ENOUGH_DATA [1],the spec says:If the autoplaying flag<http://www.whatwg.org/specs/web-apps/current-work/multipage/video.html#autoplaying-flag>is true, and t 阅读全文

posted @ 2011-05-18 18:50 司徒正美阅读(2351) 评论(0) 推荐(0)

判定CSS是否加载成功

该文被密码保护。阅读全文

posted @ 2011-05-18 18:24 司徒正美阅读(18) 评论(0) 推荐(0)

服务器返回状态码图解

摘要：以前只是看的枯燥的文字版的服务器返回状态码。现在，看一张比较形象的图解,希望能增强记忆。HTTP 400 – 请求无效HTTP 401.1 – 未授权：登录失败HTTP 401.2 – 未授权：服务器配置问题导致登录失败HTTP 401.3 – ACL 禁止访问资源HTTP 401.4 – 未授权：授权被筛选器拒绝HTTP 401.5 – 未授权：ISAPI 或 CGI 授权失败HTTP 403 – 禁止访问HTTP 403 – 对 Internet 服务管理器 (HTML) 的访问仅限于 LocalhostHTTP 403.1 禁止访问：禁止可执行访问HTTP 403.2 – 禁止访问：禁. 阅读全文

posted @ 2011-05-18 14:12 司徒正美阅读(2811) 评论(0) 推荐(1)

JSON: The JavaScript subset that isn't

摘要： Written by Magnus Holm. From Wikipedia’s article on JSON JSON was based on a subset of the JavaScript scripting language. All JSON-formatted text is also syntactically legal JavaScript code. JSON is a subset of JavaScript. All these years we’ve heard it over and over again: “JSON is a JavaScript su. 阅读全文

posted @ 2011-05-16 22:37 司徒正美阅读(1491) 评论(1) 推荐(1)

判定是否支持DOMFocusIn事件

摘要： var supportDOMFocusIn = false try{ document.addEventListener("DOMFocusIn",function(){ supportDOMFocusIn = true },false); var event = document.createEvent("UIEvent"); event.initEvent("DOMFocusIn", false, true ); document.dispatchEvent(event) }catch(e){} alert( supportDOM 阅读全文

posted @ 2011-05-16 11:37 司徒正美阅读(1371) 评论(0) 推荐(0)

jquery构造器的实现

摘要： jQuery的$符号非常神奇，它可以接受一个字符，也可以接受一个文档对象或window对象，亦可以传个函数进行变为domReady加载器。显然，能做到这一步，其实现是相当的复杂，这个实现就是它的init方法，jQuery的真实构造器。它功能也随着版本的升级而升级，越来越长。 2009-01-13发布的1.3版init: function( selector, context ) { // Make sure that a selection was provided selector = selector || document; // 处理节点参数,直接添加属性到新实例上 if ( sele 阅读全文

posted @ 2011-05-15 10:06 司徒正美阅读(5520) 评论(7) 推荐(4)

不存在的数组元素

摘要：数组字面量是个神奇东西,试在chrome的控制台打印如下内容：>>>[][]>>>[,][]>>>[,,][]但这不是真相，我们用火狐的firebug看看：>>> [][]>>> [,][undefined]>>> [,,][undefined, undefined]这种显示方式类似其他语言的inspect方法，我们不妨再看看其toString方法：>>> [].toString()"">>> [,].toString()" 阅读全文

posted @ 2011-05-14 23:05 司徒正美阅读(2211) 评论(1) 推荐(1)

如何理解与简化jquery的closest函数

摘要：在实现delegate方法中，有一个很重要的辅助函数叫closest，虽然现在它归类为遍历节点这个模块中。这个函数实现得非常复杂，洋洋洒洒近50行，完全不符合极限编程的规矩。 closest: function( selectors, context ) { var ret = [], i, l, cur = this[0]; // Array if ( jQuery.isArray( selectors ) ) {//这分支的过滤逻辑基本与下面的一致 var match, selector, matches = {}, level = 1; if ( cur && selec 阅读全文

posted @ 2011-05-12 00:07 司徒正美阅读(5941) 评论(2) 推荐(2)

IE支持原生交换两行的位置

摘要：在IE的table，tbody，thead, tfoot中，它们都支持一个叫moveRow(indexToMove, destinationIndex)的API，第一个参数要移去的行号，第二个参数为当前的行号，行号即为rowIndex。有了，我们就可以简捷地交换两行位置，而不需要冗长的insertBefore（它还要根据是上移下是下移，修改参数呢）。 <!doctype html><html> <head> <title>交换行的位置 by 司徒正美</title> <script> window.onload = fun 阅读全文

posted @ 2011-05-08 13:54 司徒正美阅读(2678) 评论(2) 推荐(2)

Ruby's Louvre

导航

公告