javascript事件响应

javascript事件响应

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
     <title>单击事件</title>
     <script type="text/javascript">
           function openwin(){
           window.open(
                'http://www.imooc.com',
                '_blank',
                'height=600,width=400,top=100,toolbar=no,left=0,menubar=no,scrollbars=no,status=no');
            }
           function messageover(){
           alert(' 鼠标经过事件');
            }
            function messageout(){
            alert('onomouseout 鼠标移开事件');
            }
            function messagefocus(){
            alert('onfocus 光标聚焦事件');
             }
            function messageonblur(){
            alert('onblur 失焦事件');
            }
            function messageonselect(){
            alert('onselect 内容选中事件');
             }
            function messageonchange(){
            alert('onchange 文本框内容改变事件');
             }
            function messageonload(){
            alert('onload 加载事件');
             }
            window.onunload = onunload_message;
            function onunload_message(){
            alert('onunload_message 卸载事件');
            }
       </script>
</head>
        <!--加载事件-->
        <!--卸载事件-->
      <body onload="messageonload()onunload="onunload_message()">
        <from>
        <!--点击事件-->
        <input name="点击" type="button" value="点击" onclick="openwin()"/>
        <br/>
        <!--鼠标经过事件-->
        <input name="确定"  type="button" value="确定" onmouseover="messageover()/>
        <br/>
        <!--鼠标移开事件-->
        <href="http://www.imooc.com" onmouseout="messageout()">点击我</a>
        <br/>
        <!--光标聚焦事件-->
        <select name = 'career' onfocus="messagefocus()">
        <option>学生</option>
        <option>教师</option>
        <option>工程师</option>
        <option>演员</option>
        <option>会计</option>
        </select>
        <br/>
        <!--失焦事件-->
        用户:<input name="username" type="text" value="请输入用户名!" onblur="messageonblur()"/>
        密码:<input name="password" type="text" value="请输入密码!"/>
        <br/>
        <!--内容选中事件-->
        <!--文本框内容改变事件-->
        个人简介:<br>
        <textarea name="summary" cols="60" rows="5" onselect="messageonselect()onchange="messageonchange()">
        请输入个人简介,不少于200字</textarea>
        <br/>
        </from>
    </body>
</html>


你可能感兴趣的:(JavaScript)