首页 > 代码库 > 点击事件

点击事件

2024-09-07 07:53:58   219人阅读

jq的点击事件

  1. 语法：$(selector).click()
  2. 例子：

    <html>
    <head>
    <script type="text/javascript" src="http://www.mamicode.com/jquery/jquery.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){  //页面加载完成
    $("button").click(function(){      //对按钮注册点击事件
    $("p").slideToggle();
    });
    });
    </script>
    </head>
    <body>
    <p>这是一个段落。</p>
    <button>切换</button>
    </body>
    </html>

js的点击事件

  1. 在html中，使用onclick属性,<button id="htmlOnClick" onclick="clickHandler()">htmlOnClick</button>

  2. 在javascript中，使用onclick属性(注意函数名没有双引号)

    1.  <button id="jsOnClick">jsOnClick</button>  
    2.  document.getElementById("jsOnClick").onclick = clickHandler2;//根据元素id，找到元素为其注册点击事件

      function clickHandler2(e) {
      alert(e.target.innerHTML);
      }

  3. 在javascipt中，使用addEvenListener()方法
    1. <button id="addEventListener">addEventListener</button>

    2. document.getElementById("addEventListener").addEventListener("click",clickHandler2);//根据id找到元素，注册点击事件

 

点击事件


联系
我们