javascript：复制粘贴功能

最新推荐文章于 2025-06-16 17:15:54 发布

原创

最新推荐文章于 2025-06-16 17:15:54 发布 · 845 阅读

29 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #开发语言

javascript：复制粘贴功能

效果展示：

javascritp复制粘贴

在这里插入图片描述

注：
第一种方式复制后页面中出现可编辑区域，介意的可以选择第二种方式

代码块：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			.copymin{
     
     width: 500px;margin: 100px auto;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;border: 1px solid #eee;box-sizing: border-box;padding: 20px;}
			.copymin p{
     
     font-size: 18px;margin-right: 10px;color: #333;}
			.copymin input{
     
     width<