js复制代码到其他地方+鼠标悬停显示小手

最新推荐文章于 2024-01-05 20:57:06 发布

原创最新推荐文章于 2024-01-05 20:57:06 发布 · 1.5k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#js复制代码到其他地方+鼠标悬停显示小手

Javascript 专栏收录该内容

2 篇文章

订阅专栏

本文介绍如何使用JavaScript实现将代码片段复制到剪贴板，并在鼠标悬停时显示小手图标的功能，包括HTML、CSS和JavaScript的基础应用。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>js复制代码到其他地方+鼠标悬停显示小手</title> </head> <body> <a style="cursor:pointer">鼠标悬停显示小手</a>      <input type="text" name="url" id="url" /> <input type="button" name="anniu1" onClick='javascript:copyToClipBoard();' value="复制代码到QQ等其他地方"/> <script language="javascript"> function copyToClipBoard(){ var Url2=document.getElementById("url"); Url2.select(); // 选择对象 document.execCommand("Copy"); alert("复制成功!"); } </script> </body> </html>