当用户使用jquery聚焦到textarea时显示按钮 [英] Show button when user focus into textarea using jquery

问题描述

当用户将Cursur放入文本框时，我希望文本框可见.

I want textbox to be visible when user take cursur into textbox.

HTML:

<input type="text" id="text" name="sent" contenteditable="true"  style=" text-align: left; height: 30px; width:512px; " placeholder="Enter URL ..."/></input>
<button id="b1" style="display:none" > Get Sentiment </button>

这是我的JS:

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

JSFIDDLE:

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

按照我的要求，代码是正确的，但没有得到结果

Code is currect as per me but not getting result

推荐答案

尝试使用新的小提琴: http://jsfiddle. net/dHEGB/

Try this new fiddle: http://jsfiddle.net/dHEGB/

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

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

确保已在HEAD中添加了JQuery.

Be sure that you've added JQuery in HEAD.

这篇关于当用户使用jquery聚焦到textarea时显示按钮的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！