Question

你可能已经注意到thefreedictionary.com上的这种行为：双击一个单词时，页面重新加载显示双击单词的含义。

例如，thefreedictionary上单词'webpage'的含义是，

web·页面或网页

万维网上的文档，   由HTML文件和
组成   脚本和的任何相关文件   图形，并经常超链接到
  网上的其他文件。

因此，如果您双击一个单词，例如 document ，则页面会重新加载，重新加载的页面会显示 document 的含义。

引起我注意的有趣的事情是我双击的单词甚至不是超链接。它们看起来和你现在正在读的这些词一样正常。

所以我的问题是：它是如何工作的？如何在网页上双击（没有超链接）？

Answer 1

您可以将ondblclick处理程序添加到页面上的任何项目，包括单个单词，单词组等：

hello <span ondblclick="alert('hi');">bob</b>

在字典的情况下，您可以获取双击项的值，然后围绕它构建一个URL。假设你有jQuery。你可以这样做（未经测试）：

hello <span ondblclick="window.location = 'http://dictionary.com/words/' + $(this).text();">bob</b>

Answer 2

只要双击，就会调用Javascript dblclick事件处理程序。您可以在任意元素上使用它，如下所示：

element.addEventHandler('dblclick', function() { alert('Double clicked.'); });

请确保不要在同一元素上同时拥有dblclick和click事件处理程序，因为在这种情况下click会触发两次。

另请参阅：element.ondlbclick

Answer 3

使用jQuery，就像这样简单。

<span id="test">testig testing</span>

$('#test').dblclick(function(){
alert('whatever')
})

检查http://jsfiddle.net/vkpgY/

处的工作示例

Answer 4

<span onclick="sample()"> hi </span>
<div id="show"></div>

<script type="text/javascript">
function sample()
{
    var ajax = window.XMLHttpRequest?new XMLHttpRequest:new ActiveXObject("Microsoft.XMLHTTP");
    ajax.open("GET","process.php?q=apple",true);
    ajax.send();
    ajax.onreadystatechange=function(){
        if (ajax.readyState==4 && ajax.status==200){
        document.getElementById("show").innerHTML=ajax.responseText;
        }}
}
</script>


in process.php file
<? var_dump($_REQUEST)?>//you do whatever u want like this..!

对你来说Nawaz是否足够麻烦..？

如何在网页上双击（没有超链接）？

4 个答案:

检查http://jsfiddle.net/vkpgY/