JavaScript中事件与异常捕获的示例分析

小编给大家分享一下JavaScript中事件与异常捕获的示例分析，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！

创新互联长期为上千多家客户提供的网站建设服务，团队从业经验10年，关注不同地域、不同群体，并针对不同对象提供差异化的产品和服务；打造开放共赢平台，与合作伙伴共同营造健康的互联网生态环境。为灵川企业提供专业的网站设计制作、做网站，灵川网站改版等技术服务。拥有10多年丰富建站经验和众多成功案例,为您定制开发。

事件处理

【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 h2objx=document.getElementsByTagName("h2")[0];
//注册事件
h2objx.onclick=dongfunx;
//清除事件
h2objx.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中事件与异常捕获的示例分析”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注创新互联行业资讯频道！

标题名称：JavaScript中事件与异常捕获的示例分析
文章路径：http://cqcxhl.com/article/jspeig.html

重庆分公司，新征程启航

JavaScript中事件与异常捕获的示例分析

其他资讯