带空格的 jQuery答案

【问题标题】：jQuery with space带空格的 jQuery
【发布时间】：2012-12-12 19:10:56
【问题描述】：

请看示例代码：

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

他们所做的就是选择图像删除菜单和标题名称有关图像的标题名称时，标题名称和图像在同一行（第一标题和第二图像）上显示。

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

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

如何在不显示空格的情况下解决这个问题，我认为它来自按键事件，但不确定它是什么！

【问题讨论】：

您应该在问题中包含您的代码/html，如果 jsfiddle 出现故障或在 x 网络中被阻止（两者都很常见），则指向 jsfiddle 的链接是有用的
这个问题完美地展示了语法和语义之间的区别。从语法上看，这似乎是英语，但在语义上，我不知道那是什么语言。

标签： jquery image keypress space

【解决方案1】：

您需要使用 jQuery keyup 函数而不是 keypress 函数。 http://api.jquery.com/keyup/

【讨论】：

【解决方案2】：

如果我理解正确的话，这一定是解决方案 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 并合并标题和照片的值，您需要使用 +

【讨论】：

keypress() 现在是 keyup() 并且 #DisplayTitle 现在连接标题+照片
不要在那里引入另一个闭包，这样做$("#title").on('keyup keypress', update);