zoukankan      html  css  js  c++  java
  • preventDefault() 方法 取消事件的默认动作

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>事件函数</title>
    </head>
    <body>
        <div id="div1">div1</div>
        <input type="text" name="a" id="input1">
        <a href="http://www.baidu.com" 
        target="_blank" id="a1">baidu</a>
        <script src="dom2.js"></script>
    </body>
    </html>

    var div1 = document.getElementById("div1");
    div1.addEventListener("click",add);
    
    
    
    var input1=document.getElementById("input1");
    input1.addEventListener("keydown",add);
    function add(event){
        var e = event || window.event;//ie8
        console.log(event);
        // 取消默认操作
        // event.preventDefault();
        // 用return false 也可以达到 上面的效果
        // 但是 必须用  a1.onclick = add;
        return false
        // ie8 event.returnValue = false;
    }
    
    var a1= document.getElementById("a1");
    a1.addEventListener("click",add);
    // a1.onclick = add;
  • 相关阅读:
    saltstack源码详解一
    linux的yum报错
    django restframework
    列表生成式
    面向对象的封装
    linux对于zombie的处理
    Flask学习目录
    #1_两数之和
    LeetCode入门
    Struts2(一)——基本使用
  • 原文地址:https://www.cnblogs.com/angdh/p/11146366.html
Copyright © 2011-2022 走看看