溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

怎么通過jQuery給一個(gè)元素添加單擊和雙擊事件

發(fā)布時(shí)間：2021-08-27 11:45:52 來源：億速云 閱讀：478 作者：小新 欄目：web開發(fā)

這篇文章主要介紹了怎么通過jQuery給一個(gè)元素添加單擊和雙擊事件，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

將通過bind() 方法添加單擊和雙擊事件。bind() 方法向被選元素添加一個(gè)或多個(gè)事件處理程序，以及當(dāng)事件發(fā)生時(shí)運(yùn)行的函數(shù)。此外，我們還會使用appendTo() 方法將結(jié)果添加到元素，appendTo() 方法在被選元素的結(jié)尾（仍然在內(nèi)部）插入指定內(nèi)容。

下面我們直接上代碼：

<!DOCTYPE HTML>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
    <script src="jquery.min.js"></script>
    <script>
        $(document).ready(function () {
            $(".clickable_ele").bind("click", function () {
                $("<h5>調(diào)用單擊事件</h5>")
                    .appendTo(".res");
            });

            $(".clickable_ele").bind("dblclick", function () {
                $("<h5>調(diào)用雙擊事件</h5>")
                    .appendTo(".res");
            });
        });
    </script>
    <style>
        body {
            text-align: center;
        }

        h2 {
            color: #ff311f;
        }

        .clickable_ele {
            font-size: 20px;
            font-weight: bold;
            color: #ff7800;
        }

    </style>
</head>

<body>
<h2>億速云</h2>

<h4>
    如何給一個(gè)元素添加單擊和雙擊事件?
</h4>

<div class="clickable_ele">
    可點(diǎn)擊的元素
</div>

<div class="res"></div>
</body>
</html>

  • bind()語法是$(selector).bind(event,data,function,map)

參數(shù)分別表示：
event必需。規(guī)定添加到元素的一個(gè)或多個(gè)事件。
由空格分隔多個(gè)事件值。必須是有效的事件。
data可選。規(guī)定傳遞到函數(shù)的額外數(shù)據(jù)。
function必需。規(guī)定當(dāng)事件發(fā)生時(shí)運(yùn)行的函數(shù)。
map規(guī)定事件映射 ({event:function, event:function, ...})，包含要添加到元素的一個(gè)或多個(gè)事件，以及當(dāng)事件發(fā)生時(shí)運(yùn)行的函數(shù)。

  • appendTo()語法是$(content).appendTo(selector)

參數(shù)分別表示：
content必需。規(guī)定要插入的內(nèi)容（可包含 HTML 標(biāo)簽）。
selector必需。規(guī)定把內(nèi)容追加到哪個(gè)元素上。

注：

自 jQuery 版本 1.7 起，on() 方法是向被選元素添加事件處理程序的首選方法。

append() 和 appendTo() 方法執(zhí)行的任務(wù)相同；不同之處在于：內(nèi)容和選擇器的位置，以及 append() 能夠使用函數(shù)來附加內(nèi)容。

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“怎么通過jQuery給一個(gè)元素添加單擊和雙擊事件”這篇文章對大家有幫助，同時(shí)也希望大家多多支持億速云，關(guān)注億速云行業(yè)資訊頻道，更多相關(guān)知識等著你來學(xué)習(xí)!

向AI問一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手