医疗网站模版,北京建筑信息平台,2021世界500强,wordpress放哪个目录前端实现回车键触发搜索 前言实现方法1. html里可以用 form 来实现2. 非form中的input 前言
搜索框是个常见的功能#xff0c;除了用现有的ui组件库#xff0c;有的时候必须要自己封装#xff0c;所以涉及到点击按钮搜索和回车搜索都要实现
实现方法
1. html里可以用 for… 前端实现回车键触发搜索 前言实现方法1. html里可以用 form 来实现2. 非form中的input 前言
搜索框是个常见的功能除了用现有的ui组件库有的时候必须要自己封装所以涉及到点击按钮搜索和回车搜索都要实现
实现方法
1. html里可以用 form 来实现 button必须是submit类型 let submitdocument.getElementById(sub);let valdocument.getElementById(val);submit.addEventListener(click,(){alert(值是val.value)});2. 非form中的input
let submit document.getElementById(sub);let val document.getElementById(val);val.onkeyup function (event) {var e event || window.event;console.log(event.keyCode);if (e e.keyCode 13) { //回车键的键值为13alert(值是: val.value);}};submit.onclick function () {alert(值是 val.value);}
