javascript事件的绑定

最新推荐文章于 2023-02-16 12:48:12 发布

laiahu

最新推荐文章于 2023-02-16 12:48:12 发布

阅读量615

点赞数

分类专栏： Java 文章标签： javascript stylesheet input html action function

本文链接：https://blog.csdn.net/laiahu/article/details/1966574

版权

Java 专栏收录该内容

74 篇文章 0 订阅

订阅专栏

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <title>index.html</title>

    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=gbk">

    
    <script language="javascript" type="text/javascript">
     function check(event){
        var evt = (event) ? event : ((window.event) ? window.event : "")
        // alert(evt); //输出该事件对象
         //调用target属性，访问发出事件的html元素(evt.target是w3c里面的东西)

        // var form = evt.srcElement; //w3c中用evt.target var elem = (evt.target) ? evt.target : evt.srcElement
         var form = (evt.target) ? evt.target : evt.srcElement
         //alert(evt.srcElement);
         if(form.userName.value==null || form.userName.value ==""){
               alert("userName 不能为空!");
               form.userName.focus();
   }else{
    //这个加编码了!request也是直接获得!
     //form.action="ok.jsp?userName="+escape(form.userName.value);
     form.action="ok.jsp";
     form.submit();
   }
   }

</script>

</head>

<body>
   
   <br>

    <form id="form1" action="#" method="post">
      <input type="text" name="userName">
      <input type="submit" value="确定">
    </form>
    <script>
       //这个不能直接放在前面执行,因为刚开始时，还没加载form
    var target = document.getElementById("form1");
    //target.attachEvent("onsubmit",check); //这个也可以
    target.οnsubmit=check;
    </script>
</body>
</html>

laiahu

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
javascript事件的绑定

index.html --> function check(event){ var evt = (event) ? event : ((window.event) ? window.event : "") // alert(evt); //输出该事件对象 //调用target属性，
复制链接

扫一扫