javascript中的事件处理

最新推荐文章于 2024-05-30 21:53:53 发布

CSDN_Duanjiayu

最新推荐文章于 2024-05-30 21:53:53 发布

阅读量662

点赞数

文章标签：前端学习

本文链接：https://blog.csdn.net/CSDN_Duanjiayu/article/details/123800118

版权

1.常用的事件
   1.页面初始化事件 onload
<script>
   function testLoad(){
       alert("页面初始化事件");
}
</script>
<body οnlοad="testLoad();">

   2.按钮点击事件 onclick
<script>
   function testclick(){
       alert("按钮点击事件");
}
</script>
<input type="button" id="but1" value="测试按钮点击事件" οnclick="testclick();"/>

3.onchange 事件，当用户改变输入字段的内容时触发

//当页面打开的时候
window.οnlοad=function(){
   //得到文本框对应的dom对象
   var textObj=document.getElementById("text1");
   textObj.οnchange=function(){
       alert("文本框内容改变事件");
   }
}
   4.onfocus当获得焦点时触发
   5.onblur当失去焦点时触发

//得到文本框对应的dom对象
var textObj2=document.getElementById("text2");
textObj2.οnfοcus=function(){
   textObj2.value="";
   }
textObj2.οnblur=function(){
   var textvalue=textObj2.value;
   alert("文本框=="+textvalue);
}
   6.onmouseover 和 onmouseout 事件

//得到div对应的dom对象
var divObj=document.getElementById("div1");
divObj.οnmοuseοver=function(){
   divObj.style.width="100px";
   divObj.style.height="100px";
}
divObj.οnmοuseοut=function(){
   divObj.style.width="200px";
   divObj.style.height="200px";
}

   7.onsubmit 事件会在表单中的确认按钮【submit】被点击时发生。
       注意:1.设置在form表单上
       2.提交表单数据的按钮一定是type="submit"
       3.οnsubmit="return 事件处理函数();"
       4.对应的事件处理函数一定有返回值，且返回值是boolean值
           true---提交表单数据到后端处理程序

最低0.47元/天解锁文章

CSDN_Duanjiayu

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
javascript中的事件处理

1.常用的事件 1.页面初始化事件 onload<script> function testLoad(){ alert("页面初始化事件");}</script><body onload="testLoad();"><script> window.onload=function(){ alert("页面初始化事件"); }</script> 2.按钮点击事件 o...
复制链接

扫一扫