zoukankan      html  css  js  c++  java
  • 绑定事件

    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="js/jquery-1.12.1.js" type="text/javascript"></script>
    <script type="text/javascript">


    function testEvent(){
    $("div.gray").on("click",function(){
    var self = this;
    alert("clicked");
    /*$("div.red").on("dblclick",function(){
    var $self = this;
    console.log("123");
    $(self).off("click");
    })*/
    })

    $("div.gray").on("sxt.test",function(){
    alert("sxt.tested");
    });
    }

    function testOffEvent(){

    }

    function testTrigger(){
    //$("div.gray").trigger("click");
    $("div.gray").trigger("sxt.test");
    }

    /*$(function(){
    $("div.gray").on("dblclick",function(){
    alert("clicked");
    })
    })*/

    function testBind(){
    /* $("div.red").bind("click mouseover",function(){
    alert("clicked");
    });*/

    $("div.red").bind({
    "click":function(){
    alert("clicked");
    },
    "mouseover mouseout":function(){
    alert("mouseovered");
    }
    });
    }


    </script>
    <style type="text/css">

    .box{
    200px;
    height: 200px;
    border: 1px solid green;
    border-radius: 5px;
    display: inline-block;
    margin: 5px;
    }
    .gray{
    background-color: gray;
    }

    .red{
    background-color: red;
    }

    </style>
    </head>
    <body>
    <input type="button" value="bindEvent" onclick="testEvent()">
    <input type="button" value="trigger" onclick="testTrigger()">
    <input type="button" value="testBind" onclick="testBind()">
    <hr>
    <div>
    <div class="box gray"> box1 </div>
    <div class="box red"> box2 </div>
    </div>
    </body>
    </html>

  • 相关阅读:
    cef 依赖的文件 libcef
    ubuntu 添加新分区,并挂载/home
    x509 证书链验证
    chromium调试
    Chromium智能指针使用指南
    具有扩展主密钥时SSL/TLS的主密钥计算
    OpenSSL解惑2:如何强制选择协议的版本
    基于Gmssl的SM2加解密算法Demo
    漫谈TLS nonce
    VS2015动态库静态加载时指定动态库位置的方法
  • 原文地址:https://www.cnblogs.com/hwgok/p/5901501.html
Copyright © 2011-2022 走看看