1

ユーザーがcursurをテキストボックスに入れると、テキストボックスが表示されるようにします。

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/

コードは私にとっては正しいですが、結果が得られません

4

4 に答える 4

3

この新しいフィドルを試してください: http://jsfiddle.net/dHEGB/

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

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

HEAD に JQuery を追加したことを確認してください。

于 2013-10-15T04:41:47.937 に答える
1

You're using the keypress event, so it won't be shown until the user actually types a key. You want the focus event:

$(document).ready( function() {
    $("#text").bind("focus", function( e ) {
        document.getElementById("b1").style.display = "block";
    });
});
于 2013-10-15T03:15:46.283 に答える
1 
$(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
    });
});
于 2013-10-15T04:35:41.497 に答える
1

jQueryライブラリを含めましたか?? jsFiddle では見たことがないので、セレクターで問題が発生する可能性があることを確認してください。

ライブラリを含めるだけで、コードは完璧です。私はそれをテストしました..

于 2013-10-15T04:40:16.300 に答える