最简单的代码实现“点击链接复制文本”

实际上,不需要什么HTML、BODY这些代码,.htm文件中只要有这一句就够了:

<a href="http://www.google.com"  οnclick="window.clipboardData.setData('Text', '你要f复32166制33的文字。')"   target="_blank">呵2呵111 </a><br>

给一个完整的文件,纯粹是为了美观:

<HTML> <HEAD><TITLE>测试操作剪贴板</TITLE></HEAD> <BODY> <SCRIPT LANGUAGE="JavaScript"></SCRIPT>

<a href="http://www.google.com

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
如果您只想在 ASP.NET 网页中添加一个简单的提示来告诉用户链接已经被复制,您可以使用 JavaScript 和 Bootstrap 轻量提示组件来实现。以下是一种实现方法: ```html <a href="#" onclick="copyToClipboard('https://www.example.com')" data-toggle="tooltip" data-placement="top" title="Link copied!">Copy Link</a> <!-- 引入 Bootstrap 轻量提示组件的 JavaScript 和 CSS 文件 --> <script src="https://cdn.bootcdn.net/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script> <script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.5.0/js/bootstrap.min.js"></script> <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.5.0/css/bootstrap.min.css"> ``` 在这个例子中,我们在链接上添加了 `data-toggle="tooltip"`、`data-placement="top"` 和 `title="Link copied!"` 属性,以启用 Bootstrap 轻量提示组件,并设置提示文本。然后我们定义了一个 `copyToClipboard` 函数,在用户点击链接时调用。这个函数和之前的例子一样,用来复制链接到剪贴板中,但是我们添加了一个轻量提示来告诉用户链接已经被复制。 为了启用 Bootstrap 轻量提示组件,我们需要在 ASP.NET 网页中引入 Bootstrap 的 JavaScript 和 CSS 文件。在上面的例子中,我们使用了 BootCDN 提供的文件链接,您也可以下载这些文件并保存到您的项目中。最后,请确保在页面加载时调用 `$(function () { $('[data-toggle="tooltip"]').tooltip() })` 代码,以初始化轻量提示组件。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值