Question

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

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

它是一个非常简单的函数，它获取配置文件的URL和用户名，并使用onclick来组合这些变量并将？ref =放在那里。

＆＃13;

<!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>

＆＃13;

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

当我输入用户名文本字段时，它会立即自动更新结果字段，同样适用于配置文件网址字段。

感谢任何回复的人。

Answer 1

在输入上使用Platform#runLater，input或keypress事件，而不是按钮上的点击事件。

Answer 2

在您要调用的任何输入上使用onkeypress="refferalGen()"事件，因为用户按下这样的键：

<!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" onkeypress="refferalGen()" placeholder="Username" /><br>
		<input style="width:250px" type="text" id="profurl" placeholder="Profile Url" onkeypress="refferalGen()" /><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>

keypress

而不是oninput事件您也可以使用onchange，输入事件的工作方式与{{1}}类似，但更改事件仅在元素失去焦点时触发。

我想通过jQuery实时编写这个脚本，我该怎么做？

2 个答案: