js控制上传文件控件只能选择不能编辑

作者:袖梨 2022-06-25
提示:您可以先修改部分代码再运行
js控制上传文件控件只能选择不能编辑

方法1:

通过JS直接控制键盘的输入,结合IE独有属性contenteditable="false",但是无法解决Firefox工具栏上的粘贴剪切按钮和Opera下删除键、退格键以及右键粘贴剪切操作

方法2:

非IE下通过透明层遮盖输入框,但是会受到浏览器缩放功能的影响

方法3:

用input和button伪装成上传文件,真正的上传文件输入框透明的浮动在其上面,依旧解决不了Firefox工具栏上的粘贴按钮和Opera下的右键粘贴的操作

方法4:

利用CSS,使透明的上传控件只出现按钮部分,且浮动在指定按钮的上面。这个方法应该是比较彻底的实现了只选择不能编辑的目标,而且可以随心所欲的修改风格。

浏览...

提示:您可以先修改部分代码再运行

相关文章

精彩推荐