在可編輯div中使用jquery click事件

Question

我使用JQuery注冊不同標簽的事件。 這是到目前為止的代碼：

<!DOCTYPE html>
<html>
    <head>
        <script src="jquery-1.7.js"></script>
    </head>
    <body>
        <p>First Paragraph</p>

        <p>Second Paragraph</p>
        <p>Yet one more Paragraph</p>

        <div><p>another one</p></div>

        <p><strong>big one</strong></p>

        <div contentEditable="true"><p>hello <b>there</b></p></div>

        <script>
            $("p").click(function () { 
                         alert('p tag'); 
                         });

            $("div").click(function () { 
                         alert('div tag'); 
                         });

            $("b").click(function () { 
                         alert('strong tag'); 
                         });

            </script>

    </body>
</html>

我想開發一個簡單的文本編輯器，並希望捕獲單擊事件，以便可以更新按鈕的狀態（粗體，斜體等）。 我希望click事件也能在可編輯的div內運行，但是當div標簽被選中時它們只會觸發一次，然后在編輯開始時觸發，即使我內部有p和b標記，在該div內的任何位置單擊也不會觸發div。 是否可以使用可編輯的div實現此目的？ 基本上，我希望能夠知道光標是在ab標簽還是i標簽內，以便我可以更新按鈕的狀態。

Answer 1

你可以使用.one

$("editableDIV").one("click",function(){...});

在可編輯div中使用jquery click事件

問題描述

1 個解決方案

解決方案1
1 已采納 2011-11-22 18:46:35

在可編輯div中使用jquery click事件

問題描述

1 個解決方案

解決方案1 1 已采納 2011-11-22 18:46:35

解決方案1
1 已采納 2011-11-22 18:46:35