我正在制作一组兼作字母表的动画 GIF 图像。它们仍在进行中,但出于显示目的,我想在我的网站上有一个页面,您可以在其中使用键盘使用字母书写文本。
简单来说,我希望键盘上的每个字母键都与一个图像相关联,这样当按下时,该图像就会出现在屏幕上(在一个 div 内,它将充当“文本框”),种类喜欢使用字体?
是否有一个库或插件可以让这变得非常容易?
如果没有,任何有关编码的建议将不胜感激。谢谢!
我正在制作一组兼作字母表的动画 GIF 图像。它们仍在进行中,但出于显示目的,我想在我的网站上有一个页面,您可以在其中使用键盘使用字母书写文本。
简单来说,我希望键盘上的每个字母键都与一个图像相关联,这样当按下时,该图像就会出现在屏幕上(在一个 div 内,它将充当“文本框”),种类喜欢使用字体?
是否有一个库或插件可以让这变得非常容易?
如果没有,任何有关编码的建议将不胜感激。谢谢!
在我看来,这可以通过 jQuery 轻松实现。由于问题本身非常开放,我不会费心编写任何代码,但您的步骤可能如下所示:
onkeydown
/ onkeypress
eventListener,它调用了一个函数keyPressed
keyPressed
函数中,检查单击了哪个键。您可以在此处找到关键代码。HTML
<input id="textbox" type="text" />
jQuery
$('#textbox').keypress(function(event) {
if ( event.which == 13 )
event.preventDefault();
$(document.body).append('<img src="' + String.fromCharCode(event.keyCode) + '.gif">');
});