可以使用 jQuery 的点击事件监听器和剪贴板 API 来实现点击复制的功能。以下是一个示例代码:

$(document).ready(function() {
  // 点击 font 元素时触发复制事件
  $('font').click(function() {
    // 获取 font 元素的 id 属性值
    var id = $(this).attr('id');
    
    // 创建一个临时的 textarea 元素
    var textarea = $('<textarea>').val(id).appendTo('body').select();
    
    // 复制文本到剪贴板
    document.execCommand('copy');
    
    // 移除临时 textarea 元素
    textarea.remove();
    
    // 提示复制成功
    alert('已复制: ' + id);
  });
});

在上述代码中,我们首先通过 $(this).attr('id') 获取到点击的 font 元素的 id 属性值,然后创建一个临时的 textarea 元素,将 id 值设置为该 textarea 的值,并将它添加到页面中。接着使用 document.execCommand('copy') 将文本复制到剪贴板,然后移除临时的 textarea 元素。最后,使用 alert() 函数提示复制成功。

请注意,这只是一个简单的示例代码,实际使用时可能需要进行更多的错误处理和样式调整。

jQuery 点击复制 Font 元素 ID - 简单教程

原文地址: https://www.cveoy.top/t/topic/qriS 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录