使用Jquery在keypress上显示工具提示

时间:2013-09-17 22:57:18

标签: jquery jsp

我可以知道如何使用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>

2 个答案:

答案 0 :(得分:0)

你打算如何在链接上按键?这没有任何意义。我会绑定到悬停事件。

答案 1 :(得分: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聚焦。