JavaScript的事件及异常捕获

前端开发 作者: 2024-08-20 03:40:01
事件处理 【onClick】单击事件、【onMouseOver】鼠标经过事件、【onMouseOut】鼠标移出事件、【onChange】文本内容改变事件、【onSelect】文本被框选事件、【onFo
onClick="dongfun(20)"
 1 <div id="divid" onMouSEOver="overbut(this)" onMouSEOut="outbut()">东小东</div>
 2 <script>
 3      //通过参数传递对象
 4     function overbut(obj){
 5        obj.innerHTML="事件触发发,鼠标在我的范围";
 6     }
 7     通过ID查找到对象
 8      outbut(){
 9        document.getElementById("divid").innerHTML="再见见"10 11 </script>
<input onChange="this.style.backgroundColor='red'">    
1 id="inid" onChange="inputbut(this)">
2 script3     function inputbut(obj){
4         obj.style.backgroundColor="green;//更改样式    
5 6 </>
 dongfunx(){
2         alert("东小东弹框");
3 4 找到对象
5 var h1objx=document.getElementsByTagName("h1")[0];
注册事件
7 h1objx.onclick=dongfunx;
8 清除事件
9 h1objx.onclick=null;
 1 通过ID找到标签对象
 2 divobjx=document.getElementById("divid" 3     
 4 添加监听事件,可以添加多个相同或者不同的事件
 5 参数(事件名,处理函数名),其中事件名是普通事件中去掉“on”前缀
 6 divobjx.addEventListener("click",onck1);
 7 divobjx.addEventListener("click" 8     
 9 事件处理函数
 onck1(){
11     alert("----- onck1 -----"); 
12  }
13  onck2(){
14      alert("----- onck2 -----"15 }
16     
17 移除点击事件
18 divobjx.removeEventListener("click",onck1);
1 divobjx=document.getElementById("divid"2 divobjx.addEventListener("click",(){
3     执行操作内容
4     alert("----------"5 });
 1 <a href="https://www.cnblogs.com/dongxiaodong/">跳转</a>
 3      dongfunx(eventx){
 4         eventx.preventDefault();阻止默认事件,不进行跳转
 6     var aobjx=document.getElementsByTagName("a")[0 9     aobjx.onclick=10 </script>
1 window.onload=2     alert("页面加载完毕"3 }
try{
2     alert(jj);//未定义变量异常
throw("东小东异常");手动抛出异常,参数为异常内容
4 }catch(e){
5     alert("捕获的错误:"+e);
6   }

原创声明
本站部分文章基于互联网的整理,我们会把真正“有用/优质”的文章整理提供给各位开发者。本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
本文链接:http://www.jiecseo.com/news/show_65301.html