<!DOCTYPE html>
<html>
<head>
<title>传递参数到超链接</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script type="text/javascript">
function addParamToLink() {
var input = document.getElementById("paramInput").value;
if (input.trim() === "") {
input = "椰子文库";
}
var link = document.getElementById("myLink");
link.href = "https://www.yzwk.com/" + encodeURIComponent(input) + "/1.html";
window.location.href = link.href;
}
function handleKeyDown(event) {
if (event.keyCode === 13) {
event.preventDefault();
addParamToLink();
}
}
</script>
</head>
<body>
<label for="paramInput">输入参数:</label>
<input type="text" id="paramInput" onkeydown="handleKeyDown(event);"><br><br>
<button type="submit" onclick="addParamToLink()">确定</button><br><br>
<a href="#" id="myLink">链接</a>
</body>
</html>
在上面的代码中,我们将输入框的onkeydown事件绑定到了handleKeyDown()函数。在函数中,我们检查event.keyCode属性是否等于13,13是回车键的键码。如果等于13,则使用event.preventDefault()方法取消默认事件,然后调用addParamToLink()函数。如果不等于13,则不执行任何操作,让用户继续输入。我们还保留了按钮的onclick事件处理程序,以便用户单击按钮时也可以提交表单。输入空值时,默认传递“椰子文库”为搜索内容。