2

サンプルコードを見てください：

JSFIDDLE

$(document).ready(function () {
    $('#preview').hide();
    $("#photo").click(update);
    $("#title").keypress(update);
});

function update() {
    $('#preview').slideDown('slow');
    var title = $("#title").val();
    var photo = $("#photo").val();
    $('#Displaytitle').html(title);
    $('#image').html('<img src="' + photo + '"/>');
}​

彼らが行うことは、画像を選択して画像に関するメニューとタイトル名をドロップすると、タイトル名と画像が同じ行に表示されることです (最初のタイトルと 2 番目の画像)。

私が抱えている問題は、最初のキーを押したときにわかるように、ゆっくりとキーを押してください。テキストボックスには表示されませんが、2番目のキーを押すと、最初に押したキーの文字が表示されます。

私が欲しいのは、タイトル名と画像が一緒で、2つ（タイトル名とキーワード）の間にスペースがないことです。

スペースを表示せずにまとめるにはどうすれば解決できますか。キープレスイベントからだと思いますが、それが何であるかはわかりません!

4

2 に答える 2

0

keypress 関数の代わりに jQuery keyup 関数を使用する必要があります。http://api.jquery.com/keyup/

于 2012-12-12T19:26:29.080 に答える
0

私が正しく理解していれば、これは解決策でなければなりません http://jsfiddle.net/5Agu9/12/

$(document).ready(function(){
$('#preview').hide();    
$("#photo").click(update);
    $("#title").on('keyup keypress',update);
});

function update(){        

$('#preview').slideDown('slow');
var title = $("#title").val();
var photo = $("#photo").val();
$('#Displaytitle').html(title+'<img src="'+photo+'"/>');

}

キープレスを使用しましたが、キーアップを使用し、使用する必要がある タイトルと写真の値をマージする必要があります +

于 2012-12-12T19:22:40.977 に答える