JavaScript中的事件与异常捕获详析

这篇文章主要给大家介绍了关于JavaScript中事件与异常捕获的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧

事件处理

【onClick】单击事件、【onMouseOver】鼠标经过事件、【onMouseOut】鼠标移出事件、【onChange】文本内容改变事件、【onSelect】文本被框选事件、【onFoucus】得到光标事件、【onBlur】光标失去事件、【onLoad】网页加载事件(在body标签中添加)、【onUnload】网页关闭事件(在body标签中添加或者使用window.onload=function(){}

事件注册及监听

1、 DOM0级事件处理

在标签中添加onClick或其他事件的属性并赋值为JS的自定义方法名

 onClick="dongfun(20)"

两种方法在事件中得到事件的标签对象:

 
东小东

内容改变监听:

方法一

 

方法二

 

2、 DOM1级事件处理

通过标签或者ID寻找到对象,进行事件监听,一个事件只能对应一个事件处理函数,在HTML中不用进行注册

 function dongfunx(){ alert("东小东弹框"); } //找到对象 var h1objx=document.getElementsByTagName("h1")[0]; //注册事件 h1objx.onclick=dongfunx; //清除事件 h1objx.onclick=null;

3、 DOM2级事件处理

通过标签或者ID寻找到对象,进行事件监听,一个事件只能对应多个事件处理函数,在HTML中不用进行注册

 //通过ID找到标签对象 divobjx=document.getElementById("divid"); //添加监听事件,可以添加多个相同或者不同的事件 //参数(事件名,处理函数名),其中事件名是普通事件中去掉“on”前缀 divobjx.addEventListener("click",onck1); divobjx.addEventListener("click",onck2); //事件处理函数 function onck1(){ alert("----- onck1 -----"); } function onck2(){ alert("----- onck2 -----"); } //移除点击事件 divobjx.removeEventListener("click",onck1);

匿名方法实现

 divobjx=document.getElementById("divid"); divobjx.addEventListener("click",function(){ //执行操作内容 alert("----------"); });

补充:

阻止HTML的默认事件

页面加载完毕监听:

 window.onload=function(){ alert("页面加载完毕"); }

异常捕获

如果程序执行时遇到异常且未进行异常捕获,则程序将终止执行,如果有异常捕获,则可以继续执行异常以下的代码。

捕获所有异常:

 try{ //alert(jj);//未定义变量异常 throw("东小东异常");//手动抛出异常,参数为异常内容 }catch(e){ alert("捕获的错误:"+e); }

总结

以上就是JavaScript中的事件与异常捕获详析的详细内容,更多请关注0133技术站其它相关文章!

赞(0) 打赏
未经允许不得转载:0133技术站首页 » JavaScript 教程