1、默认页面
document.getElementById("myInput").addEventListener("keydown", function(event) {
// 按下Enter回车键触发时间
if (event.code === "Enter") {
event.preventDefault(); //阻止默认行为,比如提交表单等操作
window.location.href = '/search.html?s=' + $("#myInput").val()
}
});
2、搜索页面
const url = new URL('https://www.example.com/?s=25');
const params = new URLSearchParams(url.search);
// 通过 get() 方法获取指定参数的值
const value = params.get('s');
console.log(`输出结果: ${value}`); //输出结果: 25
console.log(`${value}`)
//从接口获取数据
$.ajax({
url: '/search.php?name=' + value,
type: 'POST',
data: {},
success: function(res) {
if(res && res.code == 10000){
console.log('获取数据!')
}else{
console.log('获取失败!')
}
},
error: function() {
console.log('请求失败输出');
}
});
上面是“javascript按回车键触发执行事件(跳到搜索页面执行)”的全面内容,想了解更多关于 js 内容,请继续关注web建站教程。
当前网址:https://ipkd.cn/webs_15347.html
workflows工作流
一个人一条船一条鱼ComfyUI工作流
未来椅子3D产品ComfyUI工作流
图生图工作流:一键转换成高清动漫照片
stvmccrr风格的玫瑰花ComfyUI工作流
一个巨大的漆黑的蟹王ComfyUI工作流
文生图工作流:图片合并comfyui工作流
一只可爱的小鸟在飞翔ComfyUI工作流
一架令人难忘的美丽钢琴ComfyUI工作流
猜你喜欢
声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!

css3画弹珠,可以滚动!
数字滚动效果(兼容IE6/IE8)
html5如何3D立方体旋转特效
日历设置每个月颜色都不一样
利用css3做一个动态loading效果
HTML5 Canvas 刻度尺
用canvas实现画板涂鸦效果
css3动画loading效果










