jquery - 改变
边打字边生活

Question

我正在在线创建一个字体测试器。我需要人们在文本输入中键入并以所需字体获取他们的文本，我正在使用字体进行更改。我将使用 addClass() 更改字体。

HTML

<p id="viewer"></p>
<input type="text" name="texto" id="texto" value="123" />

jQuery

$('.texto').change( function(){    
    var str = $('.texto').val();
    $("p").text(str);
});

另外，有什么东西可以保护字体不被下载吗？

score 4 · Accepted Answer

更改$('.texto')为$('#texto')

完整代码：

$('#texto').change( function(){    
    var str = $(this).val();
    $("#viewer").text(str);
});

演示：http: //jsfiddle.net/VeGCy/3/

score 2 · Accepted Answer

另外，有什么东西可以保护字体不被下载吗？

不幸的是，没有。一种解决方法是使用诸如 Cufon 或 Sifr 之类的东西来通过 Flash 转换您的文本。

如果您担心许可问题，您也可能对www.google.com/webfonts感兴趣。

score 1 · Accepted Answer

您需要使用#而不是.. #是 id 选择器。.是类选择器。

您也可以考虑使用keydown()而不是change()这样文本将实时更新，而不仅仅是当他们点击远离input.

score 0 · Accepted Answer

我注意到我#viewer在使用keydown. 我通过使用该keyup方法解决了这个问题

完整代码：

$('#texto').keyup(function(){
  var str = $(this).val();
  $("p").text(str);
});

演示：http: //jsfiddle.net/VeGCy/9/

jquery - 改变边打字边生活