JavaScript 事件的一些重要说明事件的一些重要说明
1,JavaScript异步回调
代码如下:
<script language=”javascript”>
//注册回调函数loaded到处理函数window.onload上
window.onload = loaded;
//把方法window.alert地址传递给show函数
var show = window.alert;
function loaded(){
show(“success”);
}
</script>
2,事件对象
下面的js实现当在textarea文本框里面键入回车时,并不导致换行。即禁用回车键
代码如下:
<textarea ></textarea>
<script language = “javascript”>
/*
事件的对象的棘手部分在于,IE的实现与W3C的规范有查表。IE使用一个独立的全局事件对象(它可以再全局变量属性
window.event中找到),而其他浏览器则使用独立的包含事件对象的参数传递。
*/
document.getElementsByTagName(“textarea”)[0].onkeypress = function(e)
{
//如果不存在事件对象,则获取全局的(仅IE)的对象
var e = e || window.event;
//如果敲击了回车键,返回false(使它不发生任何行为)
return e.keyCode != 13;
}
</script>
3,this关键字
浏览器会把this关键字等同于引用该函数(含有this关键字的函数)的当前元素
代码如下:
<body>
<div id = “body”>
<ul class = “links”>
<li>
<a href = “/”>Home</a>
</li>
<li>
<a href = “./”>mappath</a>
</li>
<li>
<a href = “../”>parentpath</a>
</li>
</ul>
</div>
</body>
<script language = “javascript”>
var li = document.getElementsByTagName(“li”);
for (var i = 0; i < li.length; i++)
{
li[i].onclick = handeClick;
}
function handeClick()
{
this.style.backgroundColor = “blue”;
this.style.color = “red”;
}
</script>
4,取消事件冒泡
通常当你对子元素作样式作修改,或者触发事件,根据冒泡原理,其父元素也会作相同改变,为防止这类事情发生,需要
做取消事件冒泡的处理。
下面实例展示了鼠标会为其悬停的当前元素加上红色的边框。如果不阻止事件冒泡的话,每次把鼠标移到一个元素上时,