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 + '"/>');
}​

他们要做的是，当Select select图像删除菜单和有关图像的标题名称时，标题名称和图像显示在同一行（第一个标题和第二个图像）上。

我遇到的问题是，请播放慢速按键，如您所见，当您按下第一个键时，它不会显示在文本框中，但是如果您按下第二个键，它将显示您按下的第一个键的字母形式。

我想要的是标题名称和图像要放在一起，并且两者之间没有空格（标题名称和关键字）。

我怎样才能解决这个问题而不显示空间，我认为它来自按键事件，但不确定它是什么！

4

2 回答 2

0

您需要使用 jQuery keyup 函数而不是 keypress 函数。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+'"/>');

}

您使用了keypress，但您需要使用keyup 并合并您需要使用的标题和照片的值 +

于 2012-12-12T19:22:40.977 回答