zoukankan      html  css  js  c++  java
  • 夺命雷公狗---javascript NO:16 默认行为1

    1、什么是默认行为

    在我们的HTML标签中,很多标签拥有自己的默认行为。

    如:

    submit提交按钮:其会自动提交表单数据到处理页面

    a标签:其会自动跳转到指定页面

    有些情况下,我们并不需要这种默认行为。

    如:

    当我们未填写表单数据时,系统不应该直接提交表单数据到处理页面。

    当我们单击删除链接时,如果用户没有确认是不应该直接跳转删除的。

    2、组织默认行为

    IE模型浏览器

    window.event.returnValue = false;

    W3C模型浏览器

    dom对象.事件 = function(event) {

    event.preventDefault();

    }

    示例代码:

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset=’utf-8′>
    <title></title>
    <script src=’public.js’></script>
    <script>
    window.onload = function(){
    $(‘btnok’).onclick = function(){
    if($(‘username’).value == ”){
    alert(‘用户名不能为空’);
    //IE模型
    //window.event.returnValue = false;
    //w3c模型
    event.preventDefault();
    }
    }
    }
    </script>
    </head>
    <body>
    <form action=”4.html” method=”post”>
    name:<input type=”text” id=”username”>
    <hr/>
    <input type=”submit” id=”btnok” name=”submit” value=’注册’>
    </form>
    </body>
    </html>
  • 相关阅读:
    php留言
    linux系统的初化始配置
    Alertmanager 配置解析
    Prometheus 配置解析
    Prometheus Consul 自动发现
    测试find 命令删除文件速度
    win10 安装wsl2 centos
    kubernetes api 的两种身份认证 以及kubectl生成kubeconfig
    Elasticsearch集群平滑下线data节点
    Fiddler Everywhere 安卓手机抓包配置
  • 原文地址:https://www.cnblogs.com/leigood/p/5031891.html
Copyright © 2011-2022 走看看