宁夏科普作家协会

欢迎来到宁夏科普作家协会的官方网站！这是一个致力于推广科普知识、提高公众科学素养的专业性组织。在这里，您可以了解到最新的科普资讯、参与各类科普活动，以及与众多科普爱好者交流互动。

功能简介

该网站主要包含以下几个功能：

  1. 搜索功能:用户可以通过输入关键词来查询相关科普资讯。在搜索框中输入关键词后，点击搜索按钮或按下回车键，系统将根据关键词显示相关的科普文章和信息。

  2. 按钮响应事件:当用户在搜索框中按下回车键时，会触发某个按钮的点击事件，实现跳转到搜索结果页面的功能。这使得用户可以方便地开始浏览和阅读相关内容。

代码示例

以下是一段简单的HTML和JavaScript代码示例，展示了如何实现上述功能：

<!DOCTYPE html>
<html>
<head>
<title>宁夏科普作家协会</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
<h1>宁夏科普作家协会</h1>

<!-- 搜索框 -->
<input type="text" id="KeyName" placeholder="请输入搜索关键词">
<button id="key-Search">搜索</button>

<!-- 点击搜索按钮后触发的事件处理函数 -->
<script>
function checkSearch() {
if ($("#KeyName").val() == "" || $("#KeyName").val() == null) {
alert("请输入搜索关键词");
$("#KeyName").val("");
$("#KeyName").focus();
return false;
} else {
var Search_url = $("#key-Search").attr("value");
window.location.href = Search_url + "?q=" + escape($("#KeyName").val());
return true;
}
}

// 当按下回车键时触发搜索按钮的点击事件处理函数
document.onkeydown = function (event) {
e = event ? event : (window.event ? window.event : null);
if (e.keyCode === 13) { // Enter键的keyCode为13
return checkSearch(); // 在checkSearch函数中判断是否继续执行搜索操作
}
}
</script>
</body>
</html>

这段代码通过使用jQuery库来简化DOM操作和事件处理。用户可以在搜索框中输入关键词，并按下回车键或点击搜索按钮来进行搜索操作。如果需要进一步扩展和定制功能，可以根据需求修改和添加相应的代码。