如何在获得焦点时显示输入的标题值

Question

如果我有

<input type="text"
       name="name"
       id="name" 
       placeholder="your name" 
       title="only words" 
       value=""/>

如果用户将光标放在文本字段上而不点击 然后，则会显示title消息。 （预计）。问题是，需要等待1或2秒才能看到该消息。

因此：我想在用户在文本字段中给出焦点时显示该消息。激活活动。

我有以下内容：

$("form#idform input[type=text]").focus(function() {
    //what to do?
});

$("form#idform input[type=text]").blur(function() {
    //what to do?
});

每个事件应分别在what to do?中使用哪些代码？

由于

Answer 1

您可以使用qtip2。

Inlcude：

http://cdn.jsdelivr.net/qtip2/2.2.1/jquery.qtip.js

http://cdn.jsdelivr.net/qtip2/2.2.1/jquery.qtip.css

文字字段：

<input type="text" title="My tooltip text1" />

工具提示初始化：

// Create the tooltips only when document ready
$(document).ready(function () {
    $('input[title]').qtip();    
});

Fiddle

对于观众而言，以下是预期的要求，它是上述的补充：

$('input[title]').qtip({
    content: $(':focus').prop('title'),
    show: 'focus',
    hide: 'blur'
});

Answer 2

标题 - ＆gt;鼠标悬停时会出现工具提示。你可以在javascript中访问thi属性：

$('input').focus(function(){
    var title = $(this).attr('title');
    console.log(title);
  });

但是对于你的问题，是的，你必须编写自己的工具提示。