js 如何点击某个地方不失去焦点

最新推荐文章于 2022-11-01 15:11:46 发布
最新推荐文章于 2022-11-01 15:11:46 发布
阅读量1.6k 收藏 3
点赞数 2
分类专栏： JS 文章标签： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/daipianpian/article/details/117816838
版权

jQuery mousedown event.preventDefault div 阻止默认行为
关键词由CSDN通过智能技术生成

用mousedown

$('body').on('mousedown', 'div', function () {
  event.preventDefault();
});

 

竹立荷塘
关注
专栏目录
JS事件 失焦事件（onblur）onblur事件与onfocus是相对事件，当光标离开当前获得聚焦对象的时候，触发onblur事件，同时执行被调用的程序。...
weixin_30628801的博客
06-14 948
失焦事件（onblur） onblur事件与onfocus是相对事件，当光标离开当前获得聚焦对象的时候，触发onblur事件，同时执行被调用的程序。 如下代码, 网页中有用户和密码两个文本框。当前光标在用户文本框内时（即焦点在文本框），在光标离开该文本框后（即失焦时），触发onblur事件，并调用函数message()。 运行结果： ...
wpf使某个控件失去焦点_WPF的TextBox的焦点获取与失去焦点的死循环解决方案
weixin_39805906的博客
12-20 2191
在WPF中实现一个弹出层自动获取焦点，弹出层实现是通过其UserControl的依赖属性Visibility的绑定实现的，让UserControl上的TextBox获取焦点，初始实现代码如下：public Visibility IsVisibile{get { return (Visibility)GetValue(IsVisibileProperty); }set { SetValue(IsVi...
如何阻止点击其他区域，input框会失去焦点事件
weixin_44041976的博客
07-21 7503
如何阻止点击其他区域，input输入框会失去焦点位置阻止失去焦点通过a标签设置user-select为none：通过js阻止默认事件通过内联js实现 在开发过程中，总会碰到以下两个情况： 要求点击某个区域，阻止input框 (或者设置了 contenteditable=“true” 的编辑区)失去焦点。 要求像微信输入框那种点击选择表情、图片等要求保留原来焦点的位置的情况。因为一失去焦点位置，除非是往最前面或最后面插入，否则要想在原来的地方插入内容是很难的。 接下来就分享一下个人的一些方法总结。 阻止失
js设置点击某地方input框不失焦
sqniis的博客
11-01 1066
js设置点击某地方input框不失焦
如何在点击外部按钮时让输入框不失去焦点不失去选择焦点
q515656712的博客
10-07 2539
一.点击其他区域,input输入框不失去焦点。
js层阻止页面冒泡、弹出层失去焦点就隐藏此层也是解决方案
失去的记忆
04-30 4117
function alertdiv() { alertWin(邮件高级查找,350,250,msg2) } function jqshow() { doSomething(); $(#mailMenu).show(800) } functio
点击按钮后input输入框不失去焦点 JS阻止默认事件
热门推荐
c小刺猬
06-14 1万+
想实现一个登录界面常用的效果：点击按钮后切换input框的显示/隐藏密码 首先想到的是，在按钮的点击事件里调用focus()使input获得焦点，代码如下： <body> <input id="psw" type="password"> <button id="btn">显示/隐藏</button> </body&
点击去他区域 阻止input/textarea 失去焦点
marko_zheng的博客
08-23 2346
点击去他区域 阻止input/textarea 失去焦点 需求描述：点击搜索按钮 搜索框不失去焦点 ​ 或者 富文本编辑器（设置了 contenteditable=“true” 的编辑区）中点击上传图片的按钮 编辑器的光标不会消失 以点击搜索按钮 搜索框不失去焦点需求为例子 解决方案1 blur事件中 重新让input获取焦点 <el-input @blur='blurFn' ref='inp'/> ····· blurFn（）{ this.$refs.inp.focus() }
文本框获得焦点和失去焦点的判断代码
09-05
当文本框获得焦点（`onFocus`）时，如果值等于默认值，则清空文本框。 ### jQuery 实现 jQuery 提供了更加简洁的事件绑定方式，使用`focus()`和`blur()`方法。例如： ```html 搜神马？ 搜索" /> ``` 对应的...
使用js判断控件是否获得焦点
10-26
在JavaScript中，判断一个控件（如输入框、按钮等）是否获得焦点是常见的需求，这对于实现交互式网页功能非常重要。焦点是指用户当前在哪个元素上进行操作，例如正在键入文字的输入框或者被点击的按钮。在本文中，...
详解HTML onfocus获得焦点和onblur失去焦点事件
09-22
另一方面，`onblur`事件则在元素失去焦点时触发。这通常发生在用户将焦点移出当前元素，转而关注页面上的其他部分。`onblur`常用于进行实时的表单验证，以确保用户输入的数据满足特定的要求。在另一个示例中，当用户...
[js]jquery禁用input获取焦点的默认事件
Aran_的博客
05-29 1238
$("#ele").focus(function(){ document.activeElement.blur(); })
项目笔记：点击按钮后使其保持点击时的状态
sgm222的博客
02-28 4019
在Web开发时，有不少选项卡切换的实例，当点击一个选项卡时要使其一直保持点击时的状态，直到点击下一个选项卡切换到另一个选项卡才改变按钮颜色，之前在项目中有遇到这样的问题，现在将几种方法做一总结。 多个选项卡切换 1.使用原生JS切换style 给每一个按钮添加一个点击事件，每个按钮传入函数的参数不一样，JS中利用传入的参数判断是哪个按钮发生点击事件，然后改变按钮的style fun
js -- 如何点击某个地方不失去焦点
bylifan的博客
01-04 1533
用mousedown $("ul").on("mousedown ", "li", function () { event.preventDefault(); })
html按钮点击完就失去焦点,点击按钮后input输入框不失去焦点 JS阻止默认事件
weixin_39935319的博客
06-07 1892
想实现一个登录界面常用的效果：点击按钮后切换input框的显示/隐藏密码首先想到的是，在按钮的点击事件里调用focus()使input获得焦点，代码如下：显示/隐藏var isExposed=false;var btn=document.getElementById('btn');var psw=document.getElementById('psw');btn.οnclick=function...
input 失去焦点时，判断点击的是box则不失去焦点，点击的不是box则失去焦点
最新发布
10-09
当你在网页或应用程序中遇到这种情况，通常是在处理表单元素或者可交互区域的聚焦管理。当用户的输入焦点在一个输入框（如文本框、按钮等，统称为"box")上时，如果用户点击了这个输入框之外的地方（即非输入框区域），你可能会想要阻止焦点从输入框移出。这可以通过JavaScript事件处理机制来实现： 1. 首先，在input元素上添加`onblur`事件监听器，它会在输入框失去焦点时触发。 ```javascript let inputBox = document.getElementById('yourInputBoxId'); inputBox.addEventListener('blur', function(e) { if (!isClickedOutsideBox(e)) { // 检查是否点击的是input box本身 e.preventDefault(); // 阻止默认的失去焦点行为 return; // 或者手动设置focus回inputBox } }); ``` 2. 然后，你需要创建一个辅助函数`isClickedOutsideBox`来检测用户点击的位置是否在输入框之外。这可能需要获取鼠标点击位置并与输入框的边界进行比较。例如，可以计算点击点到输入框边缘的距离。 ```javascript function isClickedOutsideBox(event) { let clientX = event.clientX; let.clientY = event.clientY; // 检查点击位置是否在输入框区域内... // 可能涉及到坐标计算或几何形状比较 return !isInsideBox(clientX, clientY); } // 检查某个点是否在输入框内（这是一个简化版本，实际可能更复杂） function isInsideBox(x, y) { let inputRect = inputBox.getBoundingClientRect(); return x >= inputRect.left && x <= inputRect.right && y >= inputRect.top && y <= inputRect.bottom; } ``` 这样，当用户点击input box以外的地方，除非直接点击box，否则焦点会离开。请注意，具体的实现细节可能会因应用环境和技术栈的不同而有所差异。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值