【学习笔记】JavaScript---事件

Yranky Dou 学习足迹 2019-10-11

常见的事件
鼠标单击(onclick),鼠标经过(onmouseover),鼠标移开(onmouseout),文本框内容改变(onchange),文本框内容被选中(onselect),光标聚集(onfocus),光标离开(onblur),网页导入(onload),网页关闭(onunload)。

例:鼠标单击事件

<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>

效果
点击按钮后执行函数

注意unload事件的使用方法
例:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title> onunload </title>
<script type="text/javascript">   
     window.onunload = onunload_message;   
     function onunload_message(){   
        alert("您确定离开吗?");   
    }   
</script>   
</head>
<body onunload="message()">
 
</body>
</html>
PREV
【学习笔记】JavaScript--函数--函数传参与返回值函数
NEXT
【代码分享】C++