javascript - 使用文本输入值动态更改链接 href 属性

Question

我有一个输入和一个链接。我需要在用户输入时动态更改链接的 href，如果有一种方法可以检测用户是否在其中粘贴了某些内容，那就太好了。

知道如何通过 jQuery 实现这一点吗？

<input type="text" id="my-input">
<a id="my-link" target="_blank" href="www.something.com/<!--input text here-->/something/">
Click me!
</a>

<小时/>

我挖掘出的内容:

//Somehow get the the input value if it has changed

//Change the href attribute
$("#my-link").attr("href", "//www.something.com/" + textFromInput +"/something/");

Answer 1

您应该使用 keyup 事件来处理即时输入

$('#my-input').keyup(
    function(){     
        var textFromInput = $("#my-input").val();
        $("#my-link").attr("href", "https://www.google.com?q=" + textFromInput); 
});

Check out this fiddle

<小时/>

你也可以使用change one，但是当输入字段的焦点丢失时它会触发 - 它也可以，因为你必须点击链接才能生效(这意味着你会丢失专注于输入)