快速填充表单插件的问题

lgqllw

https://www.centbrowser.cn/extensions.html

一直在用上面这个扩展中心里面的一个插件Simple Form Fill，可以快速填充表单，一直很美，直到近期遇到一个问题，就是你填充了，马上消失，并且是个别网站是这个，大多还都很好，这个怎么解决啊？出现问题的网站如下：https://www.hnjswlxy.cn/，点击登录，用这个插件插入手机号，看着有，但是点击下一个密码框的时候就没了。

S8F8ry

会不会是跟其他的插件或脚本之类的冲突了，我这边按描述简单试了下，看起来没办法复现出这个现象：

lgqllw

S8F8ry 发表于 2024-11-16 19:13
会不会是跟其他的插件或脚本之类的冲突了，我这边按描述简单试了下，看起来没办法复现出这个现象：

我去试试看，是否是其他插件的影响

lgqllw

我刚才试了试，发现不行，您用这个插件Simple Form Fill试试看。我用的是这个插件

S8F8ry

lgqllw 发表于 2024-11-17 10:10
我刚才试了试，发现不行，您用这个插件Simple Form Fill试试看。我用的是这个插件 ...

奇怪了，可我就是用你说的这个插件测试的呀：




那你在遇到这个现象时，按下 F12 打开开发者工具，切换至控制台(Console)分页下，里面有什么报错消息吗？

lgqllw

您看看，我也好郁闷，把所有插件关闭了也不行，

lgqllw

lgqllw

我是这样子用的，就是右键点击输入，因敏感信息，就不显示了

S8F8ry

lgqllw 发表于 2024-11-17 20:55
我是这样子用的，就是右键点击输入，因敏感信息，就不显示了

测试了下，网站本身的原因，在输入框失去焦点或者登录的点击事件中，网页脚本里有一个应该是校验输入内容要用到的函数，大致原因如下图中所述：





总结就是自动填充或者用此插件的右键菜单填充时，不会触发输入框的 change 事件(JS 执行类似 input.value = "填充值" 的操作时不会触发 chagne 事件)，故此时所填充的值没去保存至脚本中用于记录状态的对象里，对象里保存的值始终为空字符串，而上图所示的函数中有一个重写 input.value 值的操作(此时等于写了空值)，最终导致在输入框失去焦点时内容被自动清空。

不清楚是不是网站本身就是想通过这种方法来拦截浏览器或插件的自动填充功能。我感觉没什么好的解决方法，因为即使通过去广告插件屏蔽掉输入框上的 focusout 事件，但在点击登录也会触发校验输入内容从而导致上述情况发生，那只能是在填充内容后随便按个字符再删掉来避免这个问题。

lgqllw

谢谢老大的讲解，明白了，不知道有没有能解决这样问题的插件没？这网站真烦人，