HTML事件
转载:http://jiangzhengjun.javaeye.com/blog/480996
事件
DOM同时支持两种事件模式:捕获型事件和冒泡型事件,但是,捕获型事件先发生。两种事件流会触及DOM中的所有对象,从document对象开
始,也在document对象结束(大部分兼容标准的浏览会继续将事件捕获/冒泡延续至window对象),DOM中的元素都会连续收到两次事件,一次在
捕获过程中,另一次在冒泡过程中。DOM事件模型最独特的性质是,文本节点也触发事件(在IE中不会)。点击文本节点事件流应该如下图:
传统事件处理函数有两种分配方式:在JavaScript中或者在HTML中。
在JavaScript中分配事件处理函数:
Js代码
var
oDiv = document.getElementById(
"div1"
);
oDiv.onclick = function
() {
alert("I was clicked"
);
};
var oDiv = document.getElementById("div1");
oDiv.onclick = function () {
alert("I was clicked");
};
注:在这个分配方法,事件处理函数名称必须小写,才能正确响应事件。
在HTML中分配事件处理函数:
Html代码
<
div
onclick
=
'alert("I was clicked")'
>
</
div
>
<div onclick='alert("I was clicked")'> </div>
说明:用这种方法,事件处理函数的大小写可任意,所以onclick等同于onClick、OnClick或ONCLICK,但标准的事
件处理函数应该全部用小写定义。
说明:传统分配方式有个缺陷就是只能分配一个处理函数。于是就出现了其它以下分配方式。
IE中特有的attachEvent()事件处理函数分配方
式:
Js代码
var
fnClick1 =
function
() {
alert("Clicked!"
);
};
var
fnClick2 =
function
() {
alert("Also clicked!"
);
};
var
oDiv = document.getElementById(
"div"
);
oDiv.attachEvent("onclick"
, fnClick1);
相关文档:
文章类型:技术文档 更新时间:2009-03-03 发布者:HIT-ASP 文章来源:HIT-ASP 点击次数:550
摘自:
http://www.zzsky.cn/build/content/658.htm
http://www.blueidea.com/tech/multimedia/2 ......
import java.io.ByteArrayOutputStream;
import java.io.FileOutputStream;
import java.io.IOException;
import java.io.OutputStreamWriter;
import java.io.PrintWriter;
import javax.servlet.RequestDispatcher;
import javax.servlet.ServletContext;
import javax.servlet.Servl ......
匹配中文字符的正则表达式: [u4e00-u9fa5]
评注:匹配中文还真是个头疼的事,有了这个表达式就好办了
匹配双字节字符(包括汉字在内):[^x00-xff]
评注:可以用来计算字符串的长度(一个双字节字符长度计2,ASCII字符计1)
匹配空白行的正则表达式:ns* ......
<body>
<iframe name="pic" src=""; width="400" height="300" marginwidth="0" marginheight="0" frameborder="0" scrolling="no"></iframe>
<p>
<a href="www.163.com" mce_href="www.163.com" target="pic">网易</a>
<a href="www.sina.com.cn" mce_href="www.sina.com.cn" ......