• 2023-10-17自定义文档 Selection、Range 属性
    一document.execCommand现阶段项目中使用方法document.execCommand可直接操控选中文本,添加属性(操控文档)。但是由于fdocument.execCommand方法兼容性不好,浏览器之间的实现不一致,没有一个统一的标准。且自定义程度不高。官方已经将该方法移除。推荐使用Selection和Range
  • 2023-08-15网页中的快捷复制按钮实现
    有时我们需要实现快捷复制某些信息的功能,例如下图所示:这时我们可以使用document的execCommand来实现这一功能。代码参考:constcopyKey=val=>{constinput=document.createElement('input')input.setAttribute('readonly','readonly')input.setAttribute('valu
  • 2023-07-31微信 H5 页面兼容性——复制到剪贴板
    在开发微信H5页面时,时常会遇到难以解决的兼容性问题,现收集问题和解决方案,以备后用。在PC浏览器和手机移动端浏览器中,WebAPI提供了两种方式:1.1.Document.execCommand()方法Document.execCommand()是操作剪贴板的传统方法,各种浏览器都支持。它支持复制、剪切和粘贴这三
  • 2023-07-14vue 使用document.execCommand失效
    document.execCommand当一个HTML文档切换到设计模式时,document暴露 execCommand 方法,该方法允许运行命令来操纵可编辑内容区域的元素。大多数命令影响document的 selection(粗体,斜体等),当其他命令插入新元素(添加链接)或影响整行(缩进)。当使用contentEditable时,调用 execComman
  • 2023-04-21解决http下navigator.clipboard为undefined的问题
    clipboard只有在安全域名下才可以访问(https、localhost),而http域名下只能得到undefined。例如现在想要实现点击"分享"按钮,将当前页面的url复制到剪贴板:constclipboard=navigator.clipboardif(clipboard){clipboard.writeText(window.location.href)}在本
  • 2022-12-16纯数字校验(一个小数点)
    输入数量时需要手动校验,在输入框中加上onkeyup="if(isNaN(value))execCommand('undo')"onafterpaste="if(isNaN(value))execCommand('undo')"之后,输入第二个小数点或者非
  • 2022-12-14execCommand(), js
    execCommand()方法是执行一个对当前文档,当前选择或者给出范围的命令。处理Html数据时常用document.execCommand(sCommand[,交互方式,动态参数])sCommand:sCommand为指令
  • 2022-08-16document.execCommand(‘copy’)无效的原因
    document.execCommand('copy')IOS返回false;为了安全考虑,exeCommand()可以操作系统剪切板,可能被恶意利用。所以规定不能用JS“直接”调用execCommand(‘copy’),而需要放