点击其他区域,input输入框不失去焦点
来源：互联网 发布：js获取tr的第一个td 编辑：程序博客网 时间：2024/05/09 20:53
首先监听 document 的 mousedown 事件，然后判断触发 mousedown 事件的目标元素是不是你不想让input失去焦点的那个元素，是的话就阻止默认事件。
代码如下：
<!DOCTYPE html><html><head><meta charset="utf-8"><title>input输入框</title><script> document.addEventListener("mousedown", function(e){ if(e.target.id!=="input"){ e.preventDefault() } }, false); function divClick(){ console.log("点击了button") }</script></head><body> <input id="input"> <button onClick="divClick()">按钮</button></body></html>阅读全文
0 0
- 点击其他区域,input输入框不失去焦点
- JQ点击区域,变成input框,失去焦点在变回来
- 如何在点击特定数据时，不触发输入框失去焦点事件
- input 输入框获得/失去焦点时隐藏/显示文字
- HTML中使得input输入框失去焦点
- input 输入框获得/失去焦点时隐藏/显示文字
- input框失去获得焦点
- 输入框的获取焦点、失去焦点
- 输入框获得焦点和失去焦点
- 点击除搜索框EditText外其他位置EditText失去焦点收起键盘
- input获得焦点，失去焦点
- vue-cli input输入框 enter键或失去焦点传数据
- handsontable修改列头后，点击选中标题，输入框焦点没有失去
- ionic开发---ios上点击输入框，失去焦点的时候，页面白屏
- Jquery输入框获得/失去焦点方式
- Android 让EditText输入框失去焦点
- Ext grid单元格编辑不失去焦点点击保存
- 点击按钮的时候，输入框不获得焦点
- 链表带环问题1
- Python基础（二、代码调试方式dir,help,print函数，pycharm破解教程）
- 设计一个类不能被继承；只能在堆上创建对象；只能在栈上创建对象
- BZOJ3329 Xorequ
- linux服务篇-sshd服务管理与防止暴力破解
- 点击其他区域,input输入框不失去焦点
- Redis数据结构详解
- java实现筛选数三个double类型的数中的最大值
- mysql修改root密码
- PyQuery库的使用
- 递归，斐波那契数列
- Markdown在线写作速成
- BZOJ 1113: [Poi2008]海报PLA
- Summary.1 正逆向思维
