在可编辑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