javascript - 我想通过 jQuery 使这个脚本实时运行，我该怎么做？

我目前正在学习 Javascript，我处于最基本的水平。

我编写了一个简单的脚本来生成 envato 市场的推荐链接。

这是一个非常简单的函数，它获取个人资料 url 和用户名，然后使用 onclick 来组合这些变量并将 ?ref= 放在那里。

<!DOCTYPE HTML>
<html>
	<head>
		<title>JS</title>
	</head>
	<body>
		<script>
			function  refferalGen() {
				var userName = document.getElementById("username").value;
				var profUrl = document.getElementById("profurl").value;
				var result = (profUrl) + "?ref=" + (userName);

				document.getElementById("resulttxt").value = result;
			}
		</script>

		<input style="width:250px" type="text" id="username" placeholder="Username" /><br>
		<input style="width:250px" type="text" id="profurl" placeholder="Profile Url" /><br>
		<input style="width:250px" type="text" id="resulttxt" placeholder="Result Will be printed here" /><br>
		<input style="width:250px" type="button" name="clickbait" onclick="refferalGen()" value="Clickbait !" />

	</body>
</html>

我希望它是实时的，这样我就不必使用按钮来获取结果。

当我输入用户名文本字段时，它会立即自动更新结果字段，个人资料网址字段也是如此。

感谢所有回复的人。

最佳答案

使用 input , keypress或change输入上的事件而不是按钮上的单击事件。

关于javascript - 我想通过 jQuery 使这个脚本实时运行，我该怎么做？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/37918981/