监听input实时输入
2024-09-01 02:29:42
// 用Jquery实现:
$('#input-element').on('input',()=>{
console.log("你按了一下111");
})
// 用Jquery的事件委托实现:
$("body").delegate( $("#input-element"), "propertychange input", function () {
// do something
console.log("你按了一下222");
});
// propertychange input 是关键
// 用原生js实现:
let inputElem = document.getElementById("input-element");
inputElem.oninput = function(){
console.log("你按了一下");
}
// 用原生js的事件委托实现:
document.oninput = function(e){
if (e.target.id === "input-element") { // 也可以用其他判断方法
console.log("你按了一下");
}
}
最新文章
- 获得View的真实高度
- 工作空间项目不存在,eclipse中项目删不掉
- 模拟 POJ 2632 Crashing Robots
- html5实现饼图和线图-我们到底能走多远系列(34)
- 【转】关于C的未定义行为
- Android(java)学习笔记199:Android中补间动画(Tween Animation)
- 14.1.2 InnoDB表最佳实践:
- zepto源码研究 - zepto.js-4(常用的工具)
- CRM odata方法如何使用$top
- Java 多线程编程两个简单的例子
- HDU2523:SORT AGAIN
- Kafka 存储机制和副本
- mysql常用基础操作语法(九)~~外连接查询【命令行模式】
- java排序算法(二):直接选择排序
- Alpha集合
- 机器学习入门06 - 训练集和测试集 (Training and Test Sets)
- neo4j图数据库安装以及基本操作命令
- Android基础部分再学习---activity的状态保存
- readyState与status
- Oracle top 查询TOP SQL