oninput 事件- 输入提示-纯函数

oninput 事件在用户输入时触发。

该事件在 <input> 或 <textarea> 元素的值发生改变时触发。

提示： 该事件类似于 onchange 事件。不同之处在于 oninput 事件在元素值发生变化是立即触发， onchange 在元素失去焦点时触发。另外一点不同是 onchange 事件也可以作用于 <keygen> 和 <select> 元素。

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title>纯函数</title></head><body><input type="text" name="ipt" id="ipt" value="" /><script type="text/javascript">//纯函数：不会对外界的参数产生影响var personArr=[{name:"张三"},{name:"张四"},{name:"李四"},{name:"王五"},{name:"赵六"},{name:"孙八"},{name:"孙久"},{name:"王二"},{name:"李刘"},];var ipt=document.getElementById("ipt");ipt.oninput=function(){console.log(filterByText(this.value,personArr));}function filterByText(text,arr){var newArr=[];for(var i=0;i<arr.length;i++){arr[i].name.indexOf(text)!=-1?newArr.push(arr[i]):"";}return newArr;}</script></body>
</html>

oninput 事件- 输入提示-纯函数相关推荐

【高德地图API】从零开始学高德JS API（四）搜索服务——POI搜索|自动完成|输入提示|行政区域|交叉路口|自有数据检索
原文地址为: [高德地图API]从零开始学高德JS API(四)搜索服务--POI搜索|自动完成|输入提示|行政区域|交叉路口|自有数据检索摘要:地图服务,大家能想到哪些?POI搜素,输入提示,地址 ...
函数式编程-纯函数篇
概念: 相同的输入永远会得到相同的输出,且没有任何可观察的副作用纯函数就类似数学中函数(用来描述输入和输出之间的关系)例如y=f(x) 举例数组中的slice和splice分别是纯函数和不纯的函数 ...
用trie树实现输入提示功能，输入php函数名，提示php函数
参照刘汝佳的trie树结构体 #include "stdio.h"#include"stdlib.h"#include"string.h" ...
input中文输入多次触发oninput事件
oninput事件在<input>或<textarea>元素的值发生改变时触发 onchange事件也是监听文本框变化后触发,不同的是oninput事件是立即(即时)触发,on ...
你不知道的JS专栏 - 避免bug利器纯函数
你不知道的JS专栏 - 避免bug利器纯函数目录: 纯函数的概念及基本认识纯函数在实际开发中的使用案例纯函数在框架中的使用, 以及框架中的纯函数思想纯函数的概念及基本认识纯函数定义 - 不依 ...
【JavaScript】——input元素的oninput事件和onchange事件
1.oninput事件是在输入框中输入时就会触发,该事件在<input>或<textarea>元素的值发送改变时触发. 2.onchange事件是在输入框输入完内容后,输入框失 ...
react中纯函数_如何在纯React中创建电子邮件芯片
react中纯函数 by Andreas Remdt 由Andreas Remdt 如何在纯React中创建电子邮件芯片 (How to create email chips in pure Reac ...
Android studio百度地图SDK开发 2020最新超详细的Android 百度地图开发讲解(6) POI检索，根据地址输入提示检索 Sug
POI检索, 根据地址输入提示检索 Sug 参考百度地图官方文档:http://lbsyun.baidu.com/index.php?title=androidsdk/guide/search/sug ...
基于jquery的搜索框输入提示
仿百度与google的搜索框输入提示,支持键盘上下选择与鼠标点击选择.只包含前面代码,后台返回数据为模拟的数据. 1.未输入前的效果 2.输入内容后,自动弹出下拉层,里面有若干匹配输入内容的输入建议项 ...

oninput 事件- 输入提示-纯函数

oninput 事件- 输入提示-纯函数相关推荐

最新文章

热门文章