JavaScript学习笔记--事件响应

最新推荐文章于 2024-05-17 11:30:13 发布

PRCORANGE

最新推荐文章于 2024-05-17 11:30:13 发布

阅读量195

点赞数 1

文章标签： javascript

本文链接：https://blog.csdn.net/PRCORANGE/article/details/107897786

版权

鼠标单击事件( onclick )

<html>
<head>
   <script type="text/javascript">
      function add2(){
        var numa,numb,sum;
        numa=6;
        numb=8;
        sum=numa+numb;
        document.write("两数和为:"+sum);  }
   </script>
</head>
<body>
   <form>
      <input name="button" type="button" value="点击提交" onclick="add2()" />
   </form>
</body>
</html>

鼠标经过事件（onmouseover）

在这里插入图片描述

鼠标移开事件（onmouseout）

在这里插入图片描述

光标聚焦事件（onfocus）

在这里插入图片描述

失焦事件（onblur）

在这里插入图片描述

内容选中事件（onselect）

在这里插入图片描述

文本框内容改变事件（onchange）

在这里插入图片描述

加载事件（onload）

事件会在页面加载完成后，立即发生，同时执行被调用的程序。
在这里插入图片描述

卸载事件（onunload）

当用户退出页面时（页面关闭、页面刷新等），触发onUnload事件，同时执行被调用的程序。
在这里插入图片描述

PRCORANGE

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript学习笔记--事件响应

鼠标单击事件( onclick )<html><head> <script type="text/javascript"> function add2(){ var numa,numb,sum; numa=6; numb=8; sum=numa+numb; document.write("两数和为:"+sum); } </script></he
复制链接

扫一扫