【问题标题】:Dynamic paragraph text from input field输入字段中的动态段落文本
【发布时间】:2012-10-14 12:17:08
【问题描述】:

http://lrroberts0122.github.com/DWS/lab6/level-3/index.html

http://lrroberts0122.github.com/DWS/lab6/level-3/js/script.js

我正在尝试做的事情:对于“您的个人资料链接”字段,我正在尝试使输入的文本动态显示在“fitandawesome.com/”之后,以便显示用户的个人资料链接。

好的,这就是我添加的内容,根据消息来源,这应该工作。为什么不呢?如果有人可以帮助我,我将不胜感激。我对 JavaScript 不太了解!

更新好的,所以我通过将脚本放在正文而不是头部来让它工作。然而,我仍然有问题,因为它有点“滞后”。它不显示最后输入的字母。有谁知道如何解决这个问题?

【问题讨论】:

标签: javascript dynamic text input


【解决方案1】:

您需要在 DOM 加载后调用 script.js。有两种方法可以做到这一点:

  1. 在正文末尾链接您的 script.js。
  2. 页面加载后,使用 jQuery 事件监听器运行代码。

.

$(function(){
    $('#profile_link').keypress(function(){
        $('#preview').text($(this).val());
    });
})

【讨论】:

  • 这行得通,我在脚本之前添加了函数位,但是它很滞后。它不显示最后输入的字母。
  • 你知道为什么吗?
  • keypress() 在输入文本之前触发,为了解决这个问题,我使用了 keyup。 jsfiddle.net/MNWKV/1(参考:stackoverflow.com/questions/8795283/…
  • 哦,我明白了!我使用的是keypress,而不是keyup! (很明显,我还没有学过这些东西。哈哈)。非常感谢! :) 我感谢您的帮助! (顺便说一句,你有一个漂亮的网站。)
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2013-03-14
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2013-10-03
  • 1970-01-01
  • 2020-05-24
相关资源
最近更新 更多