当输入框移出窗口界面时如何自动失去焦点

cb112

如题所示

S8F8ry

听起来可以通过油猴脚本来实现，但得有一个需要具体工作的网址。

cb112

S8F8ry 发表于 2024-5-17 20:04
听起来可以通过油猴脚本来实现，但得有一个需要具体工作的网址。

如何适应所有网站

S8F8ry

cb112 发表于 2024-5-17 20:24
如何适应所有网站

我觉得不太可能，要使网页中的输入框元素失去焦点，终究需要"观察"该元素，可不同的网站设计与布局各不相同，即使写一个通用脚本照顾大部分网站中可能会遇到的情景，但肯定存在需要特殊处理的网站。另外我有个疑惑，会有很多需要做这种处理的网站吗？

cb112

S8F8ry 发表于 2024-5-17 22:24
我觉得不太可能，要使网页中的输入框元素失去焦点，终究需要"观察"该元素，可不同的网站设计与布局各不相 ...

主要是焦点在输入框会使手势失效，有失焦以外的方法也行啊，顺便问一下，标签栏能放下面吗

S8F8ry

cb112 发表于 2024-5-17 23:43
主要是焦点在输入框会使手势失效，有失焦以外的方法也行啊，顺便问一下，标签栏能放下面吗 ...

浏览器自带的鼠标手势会失效？我这边感觉没有遇见过这种情况，在所有网页中的输入框聚焦时都会这样吗？

至于标签栏下置，目前百分没有实现这种功能。

coult3

cb112 发表于 2024-5-17 23:43
主要是焦点在输入框会使手势失效，有失焦以外的方法也行啊，顺便问一下，标签栏能放下面吗 ...

失焦以外的方法：那就是 input{display: none;}
解决不了问题就解决提出问题的输入框
后面要显示，就在stylus里再启用即可。

或者js设置禁用输入框 <input> disabled ，点击以下小书签切换启用/禁用输入框

1. javascript:(function(){const allinputs=document.querySelectorAll('input');allinputs.forEach(input=>{input.disabled=!input.disabled;});})();

复制代码

cb112

coult3 发表于 2024-5-19 12:00
失焦以外的方法：那就是 input{display: none;}
解决不了问题就解决提出问题的输入框
后面要显示，就 ...

想要适应所有网站，这种需要单独点击才生效吧

coult3

cb112 发表于 2024-5-19 13:22
想要适应所有网站，这种需要单独点击才生效吧

这个小书签就是适应所有网站的，比如本论坛或者百度首页，点击后会禁用 页面上的所有输入框，此时可以用鼠标手势随便划；等不用鼠标手势了，要用输入框了，再点击一下，会恢复可输入的状态。

cb112

coult3 发表于 2024-5-19 13:47
这个小书签就是适应所有网站的，比如本论坛或者百度首页，点击后会禁用 页面上的所有输入框，此时可以用 ...

仔细想了想，其实如果能输入开始10s后自动丢失焦点是最好的，其他需要点击的方法都不如随便点一下左键去掉焦点