JavaScript中事件和异常捕获浅析

时间：2023-04-05 20:55:33 HTML5

本文主要介绍JavaScript中事件和异常捕获的相关信息。文章通过示例代码介绍的非常详细，非常全面详细，具有一定的参考价值，需要的朋友可以参考学习。如有不足，欢迎批评指正。事件处理[onClick]点击事件、[onMouseOver]鼠标悬停事件、[onMouseOut]鼠标移出事件、[onChange]文本内容改变事件、[onSelect]文本框选中事件、[onFoucus]获取光标事件、[onBlur]光标丢失事件、[onLoad]网页加载事件（在body标签中添加）、[onUnload]网页关闭事件（在body标签中添加或使用window.onload=function(){}）事件注册和监听1、DOM0层事件处理给标签添加onClick或其他事件属性赋值给JS自定义方法名HTML复制全屏1onClick="dongfun(20)"事件中获取事件标签对象的两种方式：HTML复制全屏1JavaScript

2内容变化监听：方法一HTML复制全屏1方法二HTML复制全屏122、DOM1级事件处理通过查找对象标签或ID，并进行事件监听，一个事件只能对应一个事件处理函数，无需在HTML中注册HTML复制全屏1functiondongfunx(){2alert("JavaScript弹框");3}4//查找对象5varh1objx=document.getElementsByTagName("h1")[0];6//注册事件7h1objx.onclick=dongfunx;8//清除事件9h1objx.onclick=null;3,DOM2层级事件处理通过标签或ID找到对象，进行事件监听，一个事件只能对应多个事件处理函数，无需在HTML中注册HTMLCopyFullScreen1//通过找到标签对象ID2divobjx=document.getElementById("divid");34//添加监听事件，可以添加多个相同或不同的事件5//参数（事件名，处理函数名），其中事件名是要移除的来自普通事件的前缀“on”6divobjx.addEventListener("click",onck1);7divobjx.addEventListener("click",onck2);89//事件处理函数10functiononck1(){11alert("-----onck1-----");12}13functiononck2(){14alert("-----onck2-----");15}//这里推荐一个前端学习交流群:512,676,244突破技术瓶颈，提升思维能力1617//去除点击事件18divobjx.removeEventListener("click",onck1);匿名方法实现HTML复制全屏1divobjx=document.getElementById("divid");2divobjx.addEventListener("click",function(){3//执行操作内容4alert("--------");5});补充：防止HTML默认事件HTML复制全屏1跳转2页面加载完成监控：HTML复制全屏1window.onload=function(){2alert("页面加载完成");3}//异常捕获如果程序在执行过程中遇到异常，没有捕获到异常，程序将终止执行，如果捕获到异常，可以继续执行下面的代码捕获所有异常：HTMLcopyfullscreen1try{2//alert(jj);//undefinedvariableexception3throw("JavaScriptexception");//手动抛出异常，参数为异常内容4}catch(e){5alert("发现错误："+e);6}Conclusion《本人是一名从事前端5年的老程序员，作为讲师，今年年初花了一个月的时间整理了一份最适合学习的web前端干货》2019年，从最基础的HTML+CSS+JS到移动端HTML5再到各种框架，送给各位前端朋友，这里是菜鸟的聚集地，欢迎初学者和进阶的朋友。”添加QQ群：512676244（招聘中）

上一篇：响应式布局的一行css代码

下一篇：package.json文件介绍

JavaScript中事件和异常捕获浅析相关文章