添加链接 注册    登录
link管理
链接快照平台
  • 输入网页链接，自动生成快照
  • 标签化管理网页链接
相关文章推荐
咆哮的牛肉面  ·  SignalR Hub 在 .NET ...·  1 周前    · 
孤独的钢笔  ·  jQuery ...·  1 周前    · 
还单身的松球  ·  jquery ...·  1 周前    · 
不拘小节的山羊  ·  jquery监听div等元素的内容变化_监听 ...·  1 周前    · 
完美的抽屉  ·  jquery ...·  1 周前    · 
酒量小的蟠桃  ·  微信8.0状态视频无水印素材+个人设置技巧（ ...·  3 月前    · 
火爆的围巾  ·  Linux C 字符串查找相关操作 ...·  6 月前    · 
大鼻子的双杠  ·  win10商店Microsoft ...·  6 月前    · 
兴奋的口罩  ·  百度贴吧·  1 年前    · 
想表白的仙人掌  ·  SQL-根据生日计算年龄_sql根据出生日期 ...·  1 年前    · 
link管理  ›  click event | jQuery API Documentation
event jquery
https://api.jquery.com/click/
傻傻的草稿纸
10 月前
Bind an event handler to the "click" event, or trigger that event on an element.

Contents:

.on( "click" [, eventData ], handler ) .trigger( "click" ) .on( "click" [, eventData ], handler ) Returns: jQuery

Description: Bind an event handler to the "click" event.

version added: 1.7 .on( "click" [, eventData ], handler )
"click"
Type: string
The string "click" .
eventData
Type: Anything
An object containing data that will be passed to the event handler.
handler
Type: Function ( Event eventObject )
A function to execute each time the event is triggered.

This page describes the click event. For the deprecated .click() method, see .click() .

The click event is sent to an element when the mouse pointer is over the element, and the mouse button is pressed and released. Any HTML element can receive this event. For example, consider the HTML:

After this code executes, clicking on Trigger the handler will also alert the message.

The click event is only triggered after this exact series of events:

  • The mouse button is depressed while the pointer is inside the element.
  • The mouse button is released while the pointer is inside the element.

    • This is usually the desired sequence before taking an action. If this is not required, the mousedown or mouseup event may be more suitable.

    Examples:

    Hide paragraphs on a page when they are clicked: 

    <!doctype html>
    <html lang="en">
    <head>
      <meta charset="utf-8">
      <title>on demo</title>
      <style>
      p {
        color: red;
        margin: 5px;
        cursor: pointer;
      }
      p:hover {
        background: yellow;
      }
      </style>
      <script src="https://code.jquery.com/jquery-3.7.0.js"></script>
    </head>
    <body>
     
    <p>First Paragraph</p>
    <p>Second Paragraph</p>
    <p>Yet one more Paragraph</p>
     
    <script>
    $( "p" ).on( "click", function() {
      $( this ).slideUp();
    } );
    </script>
     
    </body>
    </html>

    Web hosting by Digital Ocean | CDN by Fastly | Powered by WordPress

     
    推荐文章
    咆哮的牛肉面  ·  SignalR Hub 在 .NET MVC 中的詳細示例 | 得過且過の小窩
    1 周前
    孤独的钢笔  ·  jQuery on()方法监听动态加载对象_jq 监听元素异步加载
    1 周前
    还单身的松球  ·  jquery 监听dom元素发生变化_jquery domnodeinserted
    1 周前
    不拘小节的山羊  ·  jquery监听div等元素的内容变化_监听div内容变化
    1 周前
    完美的抽屉  ·  jquery 监听div滚动事件_mob649e81547b8f的技术博客_
    1 周前
    酒量小的蟠桃  ·  微信8.0状态视频无水印素材+个人设置技巧（最全小白教程） | 小牛呼噜噜
    3 月前
    火爆的围巾  ·  Linux C 字符串查找相关操作 strchr, strstr, strtok - 明明1109 - 博客园
    6 月前
    大鼻子的双杠  ·  win10商店Microsoft Store下载，一键安装包 | 周厚林的博客—LIN
    6 月前
    兴奋的口罩  ·  百度贴吧
    1 年前
    想表白的仙人掌  ·  SQL-根据生日计算年龄_sql根据出生日期计算年龄-CSDN博客
    1 年前
    Link管理   ·   51好读   ·   Sov5搜索   ·   小百科
    link管理 - 链接快照平台