添加链接 注册    登录
link管理
链接快照平台
  • 输入网页链接，自动生成快照
  • 标签化管理网页链接
相关文章推荐
强健的猕猴桃  ·  js和jq给select绑定onchange ...·  1 周前    · 
不开心的烤面包  ·  jQuery - 動畫 | 樂遊前端趣·  6 天前    · 
谦虚好学的硬盘  ·  jQuery 实例 | W3C教程·  6 天前    · 
深沉的黄瓜  ·  jquery实现点击空白处隐藏元素_jque ...·  6 天前    · 
酷酷的冲锋衣  ·  jquery实现点击显示与隐藏及点击其它区域 ...·  6 天前    · 
旅行中的蛋挞  ·  Solved: PNG export ...·  1 月前    · 
玩篮球的铅笔  ·  钢铁雄心4吧的精品贴_钢铁雄心4吧_百度贴吧·  2 月前    · 
爱搭讪的烤土司  ·  python字符串里面有\n想替换成换行符， ...·  2 月前    · 
玉树临风的斑马  ·  乌东建“小俄罗斯”国激怒基辅 ...·  4 月前    · 
谈吐大方的拐杖  ·  Review: The 2021 ...·  4 月前    · 
link管理  ›  click event | jQuery API Documentation
event jquery
https://api.jquery.com/click/
傻傻的草稿纸
7 月前
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

     
    推荐文章
    强健的猕猴桃  ·  js和jq给select绑定onchange事件 - CSDN文库
    1 周前
    不开心的烤面包  ·  jQuery - 動畫 | 樂遊前端趣
    6 天前
    谦虚好学的硬盘  ·  jQuery 实例 | W3C教程
    6 天前
    深沉的黄瓜  ·  jquery实现点击空白处隐藏元素_jquery animate({ width: 'toggle' }); 点击空白隐藏
    6 天前
    酷酷的冲锋衣  ·  jquery实现点击显示与隐藏及点击其它区域隐藏_jq点击显示
    6 天前
    旅行中的蛋挞  ·  Solved: PNG export will not include metadata - Adobe Community - 12827985
    1 月前
    玩篮球的铅笔  ·  钢铁雄心4吧的精品贴_钢铁雄心4吧_百度贴吧
    2 月前
    爱搭讪的烤土司  ·  python字符串里面有\n想替换成换行符，怎么替换不了 - CSDN文库
    2 月前
    玉树临风的斑马  ·  乌东建“小俄罗斯”国激怒基辅 乌总统誓言收回克里米亚主权-新华网
    4 月前
    谈吐大方的拐杖  ·  Review: The 2021 Kindle Paperwhite is even better than the Oasis
    4 月前
    Link管理   ·   51好读   ·   Sov5搜索   ·   小百科
    link管理 - 链接快照平台