巧用 Clipboard.js 让 input 无法点击！

            一直以来，复制文本到剪贴板的方法都是使用 JavaScript 的 `execCommand()` 方法，但这个方法在移动端并不奏效。而 Clipboard.js 是一个兼容移动端的 JavaScript 库，它提供了更简单的方式来复制文本到剪贴板。当我们在网页中引入 Clipboard.js 库之后，就可以使用它的 `copy()` 方法来复制文本了。
            
            但是，Clipboard.js 也有一些局限性。例如，它无法在 input 和 textarea 元素上正常工作。这是因为 input 和 textarea 元素都有自己的内置复制功能，当用户点击这些元素时，浏览器会自动触发复制事件。因此，如果我们想在 input 和 textarea 元素上使用 Clipboard.js，就需要先禁用它们的内置复制功能。
            
            一种禁用 input 和 textarea 元素内置复制功能的方法是使用 CSS 样式。我们可以将这些元素的 `user-select` 属性设置为 `none`，这样就可以禁止用户选中这些元素的文本了。但是，这种方法有一个缺点，就是它会影响用户在这些元素中输入文本。
            
            另一种禁用 input 和 textarea 元素内置复制功能的方法是使用 JavaScript。我们可以使用 `preventDefault()` 方法来阻止浏览器触发复制事件。这种方法不会影响用户在这些元素中输入文本，但它可能会对某些浏览器的兼容性造成影响。
            
            当我们禁用 input 和 textarea 元素的内置复制功能之后，就可以使用 Clipboard.js 来复制这些元素中的文本了。这样一来，用户点击 input 或 textarea 元素时，Clipboard.js 就会自动将这些元素中的文本复制到剪贴板中。
            
            这种技术可以用来实现各种各样的功能。例如，我们可以用它来实现一个一键复制链接的功能，或者实现一个自动复制用户输入的文本的功能。
            
            当然，这种技术也有一些潜在的风险。例如，它可能会被用来窃取用户输入的敏感信息。因此，在使用这种技术时，我们需要谨慎考虑它的安全性。