问答详情
源自:6-6 失焦事件(onblur)

为何没有对话框弹出

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title> 失焦事件 </title>

<script type="text/javascript">

  function message(){

    alert("请确定已输入密码后,在移开!"); }

</script>    

</head>

<body>

  <form>

   用户:<input name="username" type="text" value="请输入用户名!" onblur="message()">

   密码:<input name="password" type="text" value="请输入密码!">

  </form>

</body>

</html>


提问者:一片绿叶 2016-01-15 17:45

个回答

  • 水化冰流
    2016-01-15 18:08:00

    其实你代码没写错,只是你点击(第一个用户名文本框后,再点击空白处,就有弹出了,下面有例子,希望能帮到你,,

    <!DOCTYPE HTML>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title> 失焦事件 </title>
    <script type="text/javascript">
      function A(){
        alert("请确定已输入 ‘用户名后’ ,在移开!"); }
      function B(){
        alert("请确定已输入 ‘密码后’ ,在移开!"); }
    </script>   
    </head>
    <body>
      <form>
       用户:<input name="username" type="text" value="请输入用户名!" onblur="A()" >
       密码:<input name="password" type="text" value="请输入密码!" onblur="B()" >
      </form>
    </body>
    </html>