JavaScript 和 事件(事件模型)

事件模型

事件一直是脚本编写中比较复杂的一部分,因为事件模型在不同的浏览器中会有所不同。事件模型定义了事件的处理方式和调用哪些对象。目前,主要的不同在于IE 模型和W3C DOM 事件模型间事件流的不同(在Mozilla-based 浏览器中使用的事件模型与W3C DOM模型相似)。

处理事件流的技术主要有两种。在事件冒泡(event bubbling)技术中,事件从最具体(most-specific)的目标到最不具体(least-specific)的目标触发。事件目标(event target)是事件最初发生的位置。在事件捕获(event capturing)技术中,事件从最不具体的目标到最具体的目标触发。

下面的示例是最好的例证:

<div>  <p>Event order </p>  </div>

如上所示,子元素(p)嵌套在父元素(div)中,这两个元素都有相同的事件处理程序(onmouseover)。如果用户鼠标滑过该子元素,就会为这两个元素创建mouseover 事件。但是首先触发哪个事件呢?

在事件捕获技术中,父元素(div)的mouseover 事件首先触发。在事件冒泡技术中,子元素(p)的mouseover事件首先触发。

      Internet Explorer(包括IE 7)使用的是事件冒泡技术。W3C DOM模型则包括事件捕获和事件冒泡两种技术。

文章摘选自《Ajax 入门经典》(Beginning Ajax)Chris Ullman, Lucinda Dykes 著   徐璐 译   清华大学出版社

FORM 标签的 enctype 属性

定义和用法

enctype 属性规定在发送到服务器之前应该如何对表单数据进行编码。

默认地,表单数据会编码为 “application/x-www-form-urlencoded”。就是说,在发送到服务器之前,所有字符都会进行编码(空格转换为 “+” 加号,特殊符号转换为 ASCII HEX 值)。

 

属性值

描述
application/x-www-form-urlencoded 在发送前编码所有字符(默认
multipart/form-data 不对字符编码。 

在使用包含文件上传控件的表单时,必须使用该值。

text/plain 空格转换为 “+” 加号,但不对特殊字符编码。

注释:文章转自 http://www.w3school.com.cn/tags/att_form_enctype.asp

我“进化”了

牙疼了好几天了,以为是因为快到了交作业的截止日期,所以上火导致。前几天照镜子发现牙齿最里面有个乳黄色的包,以为是脓包,就没弄它,想让它“自生自灭”,可谁知它折磨了我一个星期了,还在!实在是疼急了,就想试着用手看能不能把它弄破。

令我吃惊的是,那个“脓包”好硬!再仔细一看,好像一颗牙啊!忽然想起有“智齿”这么个东西,于是跑到隔壁宿舍问同学。越听越觉得和我这很像,赶紧开电脑上网查查,果然,我又一次“进化”了——长了智齿。 继续阅读“我“进化”了”

浮躁的一天

不知是台风“海葵”刚过后带来的沉闷天气影响的缘故,还是明天就是交项目的最终日期而我还几乎没做的缘故,还是公司里那个管事的把我(包括我那组所有成员)从风水宝地般的位置调到人多嘈杂的地方坐的缘故,总之,今天,我非常非常的烦躁!现在几乎处于崩溃边缘!! 继续阅读“浮躁的一天”

Dad and the Ten Commandments of Egoless Programming

Dad and I got to talk about programming for two weeks before he died.

I was 22, a senior in college completing a BFA in graphic design. Dad was 62, an older dad than most. When he started programming at Tennessee Tech back in the 60s, he wrote FORTRAN on punch cards. He was a wealth of knowledge. 继续阅读“Dad and the Ten Commandments of Egoless Programming”

网站第一篇

盼了好久,终于把网站给架设起来了(起码能访问了O(∩_∩)O~)。希望在这里能够多留下一点记忆给未来的我,等将来回首往事,在这里,能够发现自己曾经走过的路… …

这是本站点的第一篇日志,特写此以作纪念。(网站成功上线时间:2012年8月3日)