2013-09-17 3 views
1

Могу ли я узнать, как показать всплывающую подсказку во время нажатия клавиши привязки с помощью JQuery?Показать всплывающую подсказку по нажатию клавиши привязки с помощью JQuery

<a id="resultToolTip" href="#" data-tooltip="" class="has-tip" 
title="User: Test Passed">Test Results</a> 

<script> 
    $(document).ready(function() { 
    $('#resultToolTip').keypress(function(){ 

    }); 
</script> 
+0

Как именно вы вводите текст и запускаете ключевые события на якоре? – adeneo

+0

Afaik, вы не можете использовать атрибут title, как обычно, с зависанием над тегом anshor. – Mainz007

+0

У меня тоже есть проблемы с этим. он работал до того, как я перешел из JQuery 1.6 в 1.9, но keyup/down/press больше не работает для меня больше. Я использовал широко развернутые стрелки для навигации по страницам с клавиатуры. – RickyD

ответ

0

Как вы собираетесь нажимать клавишу по ссылке? Это не имеет никакого смысла. Я бы привязался к событию зависания.

+1

Используя вкладку (или другие сочетания клавиш), чтобы сфокусироваться на ссылке (или другом элементе), затем нажмите клавишу – RickyD

0

Ваш вопрос немного неоднозначен, вы имеете в виду всплывающую подсказку, только когда нажата и удерживается клавиша? Возможно, какой-либо ключ при фокусировке в любом месте страницы отобразит все всплывающие подсказки, которые доступны? Вы хотите, чтобы он реагировал только на определенный ключ?

Вот простейшее решение, с которым мне удалось настроить работу с вашим кодом. Если у вас несколько экземпляров и вы хотите, чтобы они реагировали по-разному, я могу написать что-то более конкретное.

JQuery 1.9.

<a id="resultToolTip" href="#" data-tooltip="" class="has-tip" 
title="User: Test Passed">Test Results</a> 
<div id="my-tooltip-div">This is the tooltip</div> 

<script> 
    $(document).ready(function() { 
    $(document).on("keypress", "#resultToolTip" function() { 
     // show my tooltip 
     // e.g. $("#my-tooltip-div").fadeIn('fast'); 
     // if #my-tooltip-div is the tooltip you want to show 
    }); 
    }); 
</script> 

Якорь ссылка должна сфокусирована на первое с помощью обхода к нему или с помощью какого-того JQuery фокусирующего после другого события/триггера.

Смежные вопросы