当用户使用jquery聚焦到textarea时显示按钮

当用户将cursur带入文本框时，我希望文本框可见。

HTML：

  Get Sentiment  

这是我的JS：

 $(document).ready( function() { $("#text").bind("keypress", function( e ) { document.getElementById("b1").style.display = "block"; }); }); 

的jsfiddle：

http://jsfiddle.net/karimkhan/wJcNq/

代码是按照我的目前而不是得到结果

Answer 1

尝试这个新的小提琴： http ： //jsfiddle.net/dHEGB/

 $(document).ready( function() { $("#text").on("focus", function( e ) { $('#b1').show(); }); $("#text").on("blur", function( e ) { $('#b1').hide(); }); }); 

确保你已经在HEAD中添加了JQuery。

Answer 2

您正在使用keypress事件，因此在用户实际键入密钥之前不会显示该事件。 你想要focus事件：

 $(document).ready( function() { $("#text").bind("focus", function( e ) { document.getElementById("b1").style.display = "block"; }); }); 

Answer 3

 $(function() { // document ready $('input#text').on('keyup.showButton', function() { // creating keyup event with namespace $('button#b1').filter(':hidden').fadeIn(); // if button is hidden - show it }); }); 

Answer 4

你有没有包含jQuery库。?? 我没有在jsFiddle中看到只是检查，这可能导致选择器的问题..

只需包含库，您的代码就是完美的。 我测试过..