百度做网站教程,html 创意网站,wordpress分享qq插件下载,北京优化词网站前端实现回车键触发搜索 前言实现方法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);}
