javascript - 如何在jquery中检测鼠标点击位置

Question

我正在尝试建立一个用户可以在那里发布文章的网站。我希望他们允许一些 html 标记。但由于用户可能不了解 html，我正在使用一些按钮来自动插入内容，以便他们可以为其内容添加一些效果。例如，如果任何用户想要写一些粗体文本，他可以单击一个名为“粗体”的按钮，代码将被自动插入。以下是我的设计的图像。

在此处输入图像描述

一切正常。我在最后添加所有这些代码。但是在编辑时并不好。让用户想要在中间添加一些粗体文本。所以他希望点击中间并按下粗体按钮，但即使在我在最后添加代码的情况下。

那么有什么方法可以检测鼠标点击位置并在此之后添加我的文本？有什么建议（我正在使用 jQuery）？

score 1 · Accepted Answer

在您的鼠标点击事件中，您可以使用 clientX 和 clientY 变量来查找鼠标点击点。可以按如下方式完成：

$("#myButton").click(function(e) {
    alert(e.clientX + ", "+ e.clientY);
})

希望有帮助

score 0 · Accepted Answer

如果您没有使用 textarea，并且我假设您已经将该区域（例如：content_node）放置为：

content_node.designMode="on";
content_node.contentEditable= true;

然后，你只需要使用[document.execCommand]，例如：

document.execCommand("FontSize","false",sSize|iSize);
document.execCommand("Bold","false",null);

2 回答 2