Как работает двойной щелчок (без гиперссылки) на веб-странице?

Question

Вы, вероятно, заметили такое поведение на thefreedictionary.com : при двойном щелчке по слову страница перезагружается, показывая значение слова, по которому дважды щелкнули.

Например,значение слова 'веб-страница' на сайте thefreedictionary,

веб-страница или веб-страница

A документ во всем миреВеб, состоящий из файла HTML и
любых связанных файлов для сценариев и графики, и часто содержит гиперссылки на
других документов в Интернете.

Так что, если вы дважды щелкнете по словускажем, document , затем страница перезагрузится, и на перезагруженной странице отобразится значение document .

Интересная вещь, которая привлекла мое внимание, состоит в том, что слова, на которых я дважды щелкаю, не являются даже гиперссылкой.Они выглядят так же нормально, как и слова, которые вы сейчас читаете.

Итак, мой вопрос: как это работает?Как работает двойной щелчок (без гиперссылки) на веб-странице?

Answer 1

Существует обработчик событий Javascript dblclick, который вызывается при каждом двойном щелчке. Вы можете использовать его следующим образом для произвольного элемента:

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

Убедитесь, что обработчик событий dblclick и click не установлен на одном и том же элементе, потому что click сработает дважды.

См. Также: element.ondlbclick

Answer 2

С jQuery это так же просто, как сделать это.

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

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

Проверьте рабочий пример на http://jsfiddle.net/vkpgY/

Answer 3

Вы можете добавить обработчик ondblclick к любому элементу на странице, включая отдельные слова, группы слов и т.д .:

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

В случае словаря вы можете получить значение элемента, по которому дважды щелкнули мышью, и затем создать вокруг него URL-адрес. Предположим, у вас был JQuery. Вы можете сделать что-то вроде этого (не проверено):

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

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..!

Достаточно ли вам, чтобы Наваз беспокоился? ..