JavaScript事件

最新推荐文章于 2024-06-10 17:00:16 发布

独醉荏苒

最新推荐文章于 2024-06-10 17:00:16 发布

阅读量361

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/neverbe2/article/details/38357035

版权

javascript 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

JacaScript的一些常用的事件:

onSubmit:提交表单

onClick:鼠标点击某对象

onFocus:点击某输入框

onBlur:某输入框失去焦点

onChange:某输入框的内容被改变，并失去焦点

onMouseover:鼠标移动到某对象上

onMouseout:鼠标移出某对象

<html>

   <head>
       <title>JavaScript Event</title>
       <script type="text/javascript">
           function fun_submit(){
               if(confirm("确定提交？")){
                   return true;
               }
               return false;
           }
           function fun_click(){
               document.getElementById("button").innerHTML = "<font color='orange'>onclick事件发生</font>";
           }
           function fun_focus(){
               document.getElementById("username").innerHTML = "<font color='orange'>onfocus事件发生</font>";
           }
           function fun_blur(){
               document.getElementById("username").innerHTML = "<font color='orange'>onblur事件发生</font>";
           }
           function fun_change(){
               document.getElementById("password").innerHTML = "<font color='orange'>onchange事件发生</font>";
           }
           function fun_mouseover(){
               document.getElementById("description").innerHTML = "<font color='orange'>onmouseover事件发生</font>";
           }
           function fun_mouseout(){
               document.getElementById("description").innerHTML = "<font color='orange'>onmouseout事件发生</font>";
           }
       </script>
   </head>
   <body>
       <form name="test" action="1.html" method="post" οnsubmit="return fun_submit()">
           <input type="text" name="username" οnfοcus="javascript:fun_focus()" οnblur="javascript:fun_blur()" />
           <span id="username"></span>
           <br /><br />

           <input type="password" name="password" οnchange="javascript:fun_change()" />
           <span id="password"></span>
           <br /><br />

           <textarea name="description" rows="5" οnmοuseοver="javascript:fun_mouseover()" οnmοuseοut="javascript:fun_mouseout()"></textarea>
           <span id="description"></span>
           <br /><br />

           <input type="button" name="button" value="点" οnclick="javascript:fun_click()" />
           <span id="button"></span>

           <br /><br />
           <input type="submit" name="submit" value="submit" />

       </form>
   </body>
</html>