出现单词的Javascript/Jquery onclick定义_Javascript_Jquery

出现单词的Javascript/Jquery onclick定义

javascript jquery

出现单词的Javascript/Jquery onclick定义,javascript,jquery,Javascript,Jquery,我正在寻找有关如何能够在html文档中单击一个单词，然后页面更新并显示已单击单词的定义的提示。它可以出现在页面底部。到目前为止，我只是将onclick添加到p标记中，例如。我这样做对吗？我对javascript很在行，所以在这方面有任何帮助都会很好。非常感谢 <p id="complexword1" onclick="functionToDisplayComplexWord()"> 要在同一页面中显示还是作为弹出窗口显示？如果您希望使用popup，它是jQuery的

我正在寻找有关如何能够在html文档中单击一个单词，然后页面更新并显示已单击单词的定义的提示。它可以出现在页面底部。到目前为止，我只是将onclick添加到p标记中，例如。我这样做对吗？我对javascript很在行，所以在这方面有任何帮助都会很好。非常感谢

      <p id="complexword1" onclick="functionToDisplayComplexWord()">

要在同一页面中显示还是作为弹出窗口显示？如果您希望使用popup，它是jQuery的一个好插件

如果您想自己做，只需在页面中创建一个隐藏的div，并在

函数toDisplayComplexWord（）？
如果您希望使用popup，它是jQuery的一个好插件
如果您想自己做，只需在页面中创建一个隐藏的div，并在函数中显示，以显示complexword（）
我认为这可能会帮助您解决问题
HTML:
<body>
<p id="paragraph">Javascript/Jquery onclick definition of word appears?</p>
</body>


是否出现Javascript/Jquery onclick单词定义

Javascript:（Jquery库）
var p=$（'p#段落'）；
p、 html（函数（索引，旧html）{
返回oldHtml.replace（/\b（\w+？）\b/g，“$1”）
});
p、 单击（函数（事件）{
if（this.id！=event.target.id）{
警报（event.target.innerHTML）；
}
});

我认为这可能有助于解决您的问题
HTML:
<body>
<p id="paragraph">Javascript/Jquery onclick definition of word appears?</p>
</body>


是否出现Javascript/Jquery onclick单词定义

Javascript:（Jquery库）
var p=$（'p#段落'）；
p、 html（函数（索引，旧html）{
返回oldHtml.replace（/\b（\w+？）\b/g，“$1”）
});
p、 单击（函数（事件）{
if（this.id！=event.target.id）{
警报（event.target.innerHTML）；
}
});

一种解决方案可能是使用javascript进行事件委派
document.getElementById('test').addEventListener('click', function (event) { console.log(event.target.innerHTML); }, false )

将click事件处理程序分配给段落元素，并使用event.target获取事件的目标
因为event.target不会在主要浏览器中返回文本节点，所以每个单词都需要伪跨度。因此，需要在适当的位置设置虚拟跨距
HTML
这是一个演示。检查控制台的输出
考虑使用attachEvent
和event.srceelement
来支持IE
另一种解决方案可能基于文本选择
您可以使用代码在浏览器中获取所选文本，一种解决方案可能是使用javascript进行事件委派
document.getElementById('test').addEventListener('click', function (event) { console.log(event.target.innerHTML); }, false )

将click事件处理程序分配给段落元素，并使用event.target获取事件的目标
因为event.target不会在主要浏览器中返回文本节点，所以每个单词都需要伪跨度。因此，需要在适当的位置设置虚拟跨距
HTML
这是一个演示。检查控制台的输出
考虑使用attachEvent
和event.srceelement
来支持IE
另一种解决方案可能基于文本选择
您可以使用代码在浏览器中获取所选文本
您可以为此创建库。或者您可以使用jquery
，您可以为此创建库。或者您可以使用jquery
如何使用javascript选择该单词。我是否需要通过刚才单击的ID来选择它？我如何使用javascript选择该单词。我需要通过刚才单击的ID来选择它吗？