JS复制文本框内容

最新推荐文章于 2021-05-14 11:24:39 发布
最新推荐文章于 2021-05-14 11:24:39 发布
阅读量348 收藏
点赞数
分类专栏： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/loveying1344/article/details/38267959
版权
PHP 同时被 2 个专栏收录
6 篇文章 0 订阅
订阅专栏
js
5 篇文章 0 订阅
订阅专栏
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>分销联盟</title>
<load href="__PUBLIC__/Home/style/style.css" />
<style type="text/css">
<!--
.STYLE1 {font-family: "微软雅黑"}
.STYLE2 {color: #0000FF}
.STYLE3 {color: #FF0000}
.STYLE4 {font-size: 14px}
-->
</style>
</head>
<body>


<span class="STYLE1"><include file="Public:header" /></span>
<div class="W usermain clear mt10 STYLE1">
<div class="uleft fl">
<include file="left" /> </div>
<div class="uright fr">
<div class="userbox">
<div class="tit">
<span class="t">分销联盟</span> </div>
 <div class="con userinfo">
<table border="0" cellpadding="0" cellspacing="0" class="xtable">
<tr>
<td width="104">推广链接：</td>
 <td width="800"><input type="text" id="URL" class="px inp" style="width:200px" value="{$url}" />
     　 
         <input name="button" type="button" class="submit2" onClick="getUrl()" value="复制链接" />
         <span class="STYLE1"> 　<a href="/index.php/Home/Page/show/id/77" target="_blank" class="STYLE2">【查看广告语】</a></span></td>
</tr>
                <tr>
<td width="104">广告语一：</td>
 <td width="800"><input type="text" id="URL1" class="px inp" style="width:350px" value="你想知道么{$url}" />
     　 
         <input name="button" type="button" class="submit2" onClick="getUrl1()" value="复制" />
       </td>
</tr>
                <tr>
<td width="104">广告语二：</td>
 <td width="800"><input type="text" id="URL2" class="px inp" style="width:350px" value="赚钱视频{$url}" />
     　 
         <input name="button" type="button" class="submit2" onClick="getUrl2()" value="复制" />
         </td>
</tr>
                <tr>
<td width="104">广告语三：</td>
 <td width="800"><input type="text" id="URL3" class="px inp" style="width:350px" value="乐乐乐乐{$url}" />
     　 
         <input name="button" type="button" class="submit2" onClick="getUrl3()" value="复制" />
        </td>
</tr>
                <tr>
<td width="104">广告语四：</td>
 <td width="800"><input type="text" id="URL4" class="px inp" style="width:350px" value="妹妹{$url}累我落伍了" />
     　 
         <input name="button" type="button" class="submit2" onClick="getUrl4()" value="复制" />
         </td>
</tr>
                <tr>
<td width="104">广告语五：</td>
 <td width="800"><input type="text" id="URL5" class="px inp" style="width:350px" value="轻轻巧巧{$url}" />
     　 
         <input name="button" type="button" class="submit2" onClick="getUrl5()" value="复制" />
        </td>
</tr>
                
<tr>
<td colspan="2">{$Think.config.union}</td>
</tr>
</table>
 </div>
 <div class="myarticle clear mt10">
<dl>
<dt>我推荐的用户  <small>（{$usercount}）</small></dt>
<table border="0" width="100%" cellpadding="0" cellspacing="1" class="border-table">
<tr>
<th width="200">用户名</th>
<th width="150">Email</th>
<th width="120">用户组</th>
<th width="200">注册时间</th>
<th></th>
<volist name="myuser" id="vo">
<tr>
<td align="center">{$vo.uname}</td>
<td align="center">{$vo.email}</td>
<td align="center">{$vo.utype|getUtypeName}</td>
<td align="center">{$vo.regtime|date="Y-m-d H:i:s",###}</td>
<td></td>
</tr>
</volist>
</table>
</dl>
</div>
<div class="pages">{$pageno}</div>
</div>
</div>
</div>


<span class="STYLE1">
<script language="javascript">
function getUrl(){
window.clipboardData.setData('Text',document.getElementById('URL').value);
alert('复制成功');
}
function getUrl1(){
window.clipboardData.setData('Text',document.getElementById('URL1').value);
alert('复制成功');
}
function getUrl2(){
window.clipboardData.setData('Text',document.getElementById('URL2').value);
alert('复制成功');
}
function getUrl3(){
window.clipboardData.setData('Text',document.getElementById('URL3').value);
alert('复制成功');
}
function getUrl4(){
window.clipboardData.setData('Text',document.getElementById('URL4').value);
alert('复制成功');
}
function getUrl5(){
window.clipboardData.setData('Text',document.getElementById('URL5').value);
alert('复制成功');
}
</script>
</span>
<include file="Public:footer"/>
</body>
</html>
人生难得几回搏
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js实现输入框文本的复制，并且文本框为不可编辑
IT程序员的成长记
08-05 2240
这两天在做Web前端时，遇到需求通过js实现文本复制的功能。 1.实现效果图 2.html页面代码                                       US Wearehouse                                                                          
按钮JS复制文本框和表格的代码
12-09
点击按钮，通过JS代码实现复制INPUT表单： 代码如下: [removed] function copyinput() { var input=document.getElementById(“inputid”);//input的ID值 input.select(); //选择对象 document.execCommand(“Copy...
js复制文本框内容
chizhe5187的博客
11-08 411
let target = document.getElementById('short-url-input') // 获取input文本框dom target.select() // select() 选中文本框中的值 let done = document.execCommand('Cop...
JS实现复制/粘贴功能
路在何方
02-06 1309
  function readTxt() { alert(window.clipboardData.getData("text")); } function setTxt() { var t=document.getElementById("txt"); t.select(); window.clipboardData.setData(text,t.createTextRange().text
js实现点击按钮复制文本框中的内容
瞬间空白的博客
01-19 1129
点我复制 window.onload = function () { var btn = document.getElementById("btn"); var url = document.getElementById("url"); btn.onclick = function (){ url.select();
实现点击按钮后，一个文本框中的值复制到另一个中。
kobe1qiqi的博客
11-03 1901
$("#queding").click(function(){ $("#residentName").val($("#user1").val());//residentName 的值=user1 中的值。 }); 或者 document.getElementById("residentName").value=document.getElementByI
js 复制文本框内容
lixiaonaaa的博客
05-14 676
ElementObj.select();//选中input框或textarea文本域的内容 document.execCommand("Copy");// 执行浏览器复制命令 说明： 1，ElementObj为输入框或文本框的js对象； 2，只能复制 input 或 textarea 的内容，div等元素内的文本不可复制，如果想要复制的话，可以将内容赋值到隐藏文本域中。 ...
点击复制文本框内容的代码
03-06
总的来说，“点击复制文本框内容的代码”是一个常见的前端功能，通过JavaScript的适当API和方法，我们可以轻松地实现在各种Web环境中复制文本框内容到剪贴板。为了提高用户体验，我们还需要考虑对不同浏览器的兼容性...
js同步文本框内容的
06-04
标题 "js同步文本框内容的" 暗示我们要探讨的是JavaScript如何实现在多个文本框之间同步内容的功能。在Web开发中，有时我们需要用户在输入一个文本框时，其他关联的文本框能实时反映出相同的内容。这通常用于验证、...
jQuery简单实现点击文本框复制内容到剪贴板上的方法
10-21
在这个实例中，我们将探讨如何使用jQuery来实现一个功能，即当用户点击文本框时，自动将文本框中的内容复制到剪贴板上。这个功能在很多网站中都有应用，例如复制链接、代码或重要信息。 首先，我们需要了解浏览器对...
如何禁止用户从一个文本框复制文本到另一个文本框?
heyuyou的专栏
07-19 1048
如何禁止用户从一个文本框复制文本到另一个文本框?通常我们在注册的时候要求用户输入电子邮件地址，为了辨认地址是否有效，我们往往会发送一份确认信件。但是如果用户不小心输入了一个错误的地址，然后再到自己的邮箱中寻找验证信息的时候，那么会发生什么呢？很明显，用户找不到验证邮件，然后可能会不明所以，然后放弃该站点。那怎么办呢？我们可以采用和密码的方式一样，让用户输入两次邮箱地址来保证不会
用javascript 复制文本框中的内容到剪切板
璀璨星空
01-02 2855
script language="javascript">  function setImg(no) ...{ var t=document.getElementById(no); t.select(); window.clipboardData.setData(text,t.createTextRange().text); alert("复制成功！");} script>td width
JS实现文本框内容全复制
u012394174的专栏
01-20 868
用JS实现文本框内容全选并复制 .highlighttext{ background-color:yellow; font-weight:bold; } 欢迎光临            var copytoclip=1 function HighlightAll(theField) {          var tempval=eval("
[Javascript]复制文本框中的内容(…
编程之路
02-23 378
<script language="javascript"> //复制代码 function copyToClipBoard(){        var clipBoardContent="";        clipBoardContent+=document.getElementByIdx_x_x("Id").value; //可以是任何html ElementId,自己设置        i
Java软件开发实战 Java基础与案例开发详解 2-3 java程序 共17页.pdf
07-07
完整版：https://download.csdn.net/download/qq_27595745/89522468 【课程大纲】 1-1 什么是java 1-2 认识java语言 1-3 java平台的体系结构 1-4 java SE环境安装和配置 2-1 java程序简介 2-2 计算机中的程序 2-3 java程序 2-4 java类库组织结构和文档 2-5 java虚拟机简介 2-6 java的垃圾回收器 2-7 java上机练习 3-1 java语言基础入门 3-2 数据的分类 3-3 标识符、关键字和常量 3-4 运算符 3-5 表达式 3-6 顺序结构和选择结构 3-7 循环语句 3-8 跳转语句 3-9 MyEclipse工具介绍 3-10 java基础知识章节练习 4-1 一维数组 4-2 数组应用 4-3 多维数组 4-4 排序算法 4-5 增强for循环 4-6 数组和排序算法章节练习 5-0 抽象和封装 5-1 面向过程的设计思想 5-2 面向对象的设计思想 5-3 抽象 5-4 封装 5-5 属性 5-6 方法的定义 5-7 this关键字 5-8 javaBean 5-9 包 package 5-10 抽象和封装章节练习 6-0 继承和多态 6-1 继承 6-2 object类 6-3 多态 6-4 访问修饰符 6-5 static修饰符 6-6 final修饰符 6-7 abstract修饰符 6-8 接口 6-9 继承和多态 章节练习 7-1 面向对象的分析与设计简介 7-2 对象模型建立 7-3 类之间的关系 7-4 软件的可维护与复用设计原则 7-5 面向对象的设计与分析 章节练习 8-1 内部类与包装器 8-2 对象包装器 8-3 装箱和拆箱 8-4 练习题 9-1 常用类介绍 9-2 StringBuffer和String Builder类 9-3 Rintime类的使用 9-4 日期类简介 9-5 java程序国际化的实现 9-6 Random类和Math类 9-7 枚举 9-8 练习题 10-1 java异常处理 10-2 认识异常 10-3 使用try和catch捕获异常 10-4 使用throw和throws引发异常 10-5 finally关键字 10-6 getMessage和printStackTrace方法 10-7 异常分类 10-8 自定义异常类 10-9 练习题 11-1 Java集合框架和泛型机制 11-2 Collection接口 11-3 Set接口实现类 11-4 List接口实现类 11-5 Map接口 11-6 Collections类 11-7 泛型概述 11-8 练习题 12-1 多线程 12-2 线程的生命周期 12-3 线程的调度和优先级 12-4 线程的同步 12-5 集合类的同步问题 12-6 用Timer类调度任务 12-7 练习题 13-1 Java IO 13-2 Java IO原理 13-3 流类的结构 13-4 文件流 13-5 缓冲流 13-6 转换流 13-7 数据流 13-8 打印流 13-9 对象流 13-10 随机存取文件流 13-11 zip文件流 13-12 练习题 14-1 图形用户界面设计 14-2 事件处理机制 14-3 AWT常用组件 14-4 swing简介 14-5 可视化开发swing组件 14-6 声音的播放和处理 14-7 2D图形的绘制 14-8 练习题 15-1 反射 15-2 使用Java反射机制 15-3 反射与动态代理 15-4 练习题 16-1 Java标注 16-2 JDK内置的基本标注类型 16-3 自定义标注类型 16-4 对标注进行标注 16-5 利用反射获取标注信息 16-6 练习题 17-1 顶目实战1-单机版五子棋游戏 17-2 总体设计 17-3 代码实现 17-4 程序的运行与发布 17-5 手动生成可执行JAR文件 17-6 练习题 18-1 Java数据库编程 18-2 JDBC类和接口 18-3 JDBC操作SQL 18-4 JDBC基本示例 18-5 JDBC应用示例 18-6 练习题 19-1 。。。
中国省市县乡村五级mysql数据库
最新发布
07-08
包含：行政代码、邮政编码、区号、名称、简称、组合名、拼音、经纬度。
Java软件开发实战 Java基础与案例开发详解 8-4 练习题 共6页.pdf
07-07
完整版：https://download.csdn.net/download/qq_27595745/89522468 【课程大纲】 1-1 什么是java 1-2 认识java语言 1-3 java平台的体系结构 1-4 java SE环境安装和配置 2-1 java程序简介 2-2 计算机中的程序 2-3 java程序 2-4 java类库组织结构和文档 2-5 java虚拟机简介 2-6 java的垃圾回收器 2-7 java上机练习 3-1 java语言基础入门 3-2 数据的分类 3-3 标识符、关键字和常量 3-4 运算符 3-5 表达式 3-6 顺序结构和选择结构 3-7 循环语句 3-8 跳转语句 3-9 MyEclipse工具介绍 3-10 java基础知识章节练习 4-1 一维数组 4-2 数组应用 4-3 多维数组 4-4 排序算法 4-5 增强for循环 4-6 数组和排序算法章节练习 5-0 抽象和封装 5-1 面向过程的设计思想 5-2 面向对象的设计思想 5-3 抽象 5-4 封装 5-5 属性 5-6 方法的定义 5-7 this关键字 5-8 javaBean 5-9 包 package 5-10 抽象和封装章节练习 6-0 继承和多态 6-1 继承 6-2 object类 6-3 多态 6-4 访问修饰符 6-5 static修饰符 6-6 final修饰符 6-7 abstract修饰符 6-8 接口 6-9 继承和多态 章节练习 7-1 面向对象的分析与设计简介 7-2 对象模型建立 7-3 类之间的关系 7-4 软件的可维护与复用设计原则 7-5 面向对象的设计与分析 章节练习 8-1 内部类与包装器 8-2 对象包装器 8-3 装箱和拆箱 8-4 练习题 9-1 常用类介绍 9-2 StringBuffer和String Builder类 9-3 Rintime类的使用 9-4 日期类简介 9-5 java程序国际化的实现 9-6 Random类和Math类 9-7 枚举 9-8 练习题 10-1 java异常处理 10-2 认识异常 10-3 使用try和catch捕获异常 10-4 使用throw和throws引发异常 10-5 finally关键字 10-6 getMessage和printStackTrace方法 10-7 异常分类 10-8 自定义异常类 10-9 练习题 11-1 Java集合框架和泛型机制 11-2 Collection接口 11-3 Set接口实现类 11-4 List接口实现类 11-5 Map接口 11-6 Collections类 11-7 泛型概述 11-8 练习题 12-1 多线程 12-2 线程的生命周期 12-3 线程的调度和优先级 12-4 线程的同步 12-5 集合类的同步问题 12-6 用Timer类调度任务 12-7 练习题 13-1 Java IO 13-2 Java IO原理 13-3 流类的结构 13-4 文件流 13-5 缓冲流 13-6 转换流 13-7 数据流 13-8 打印流 13-9 对象流 13-10 随机存取文件流 13-11 zip文件流 13-12 练习题 14-1 图形用户界面设计 14-2 事件处理机制 14-3 AWT常用组件 14-4 swing简介 14-5 可视化开发swing组件 14-6 声音的播放和处理 14-7 2D图形的绘制 14-8 练习题 15-1 反射 15-2 使用Java反射机制 15-3 反射与动态代理 15-4 练习题 16-1 Java标注 16-2 JDK内置的基本标注类型 16-3 自定义标注类型 16-4 对标注进行标注 16-5 利用反射获取标注信息 16-6 练习题 17-1 顶目实战1-单机版五子棋游戏 17-2 总体设计 17-3 代码实现 17-4 程序的运行与发布 17-5 手动生成可执行JAR文件 17-6 练习题 18-1 Java数据库编程 18-2 JDBC类和接口 18-3 JDBC操作SQL 18-4 JDBC基本示例 18-5 JDBC应用示例 18-6 练习题 19-1 。。。
04CN10N-VB TO262一款N-Channel沟道TO262的MOSFET晶体管参数介绍与应用说明
07-08
04CN10N-VB TO262；Package：TO262；Configuration：Single-N-Channel；VDS：100V；VGS：20（±V）；Vth：2.5V；RDS(ON)=10mΩ@VGS=4.5V；RDS(ON)=9mΩ@VGS=10V；ID：100A；Technology：Trench；
微信小程序教程：基础知识 + 开发技术 + 案例项目 + 实际应用
07-08
项目总结 本项目详细介绍了如何使用微信小程序开发一个简易的天气查询小程序。项目分为以下几个步骤： 1. **准备工作**：注册微信小程序账号，下载开发工具。 2. **创建第一个微信小程序**：新建项目，编写基本的页面配置、结构、样式和逻辑代码。 3. **编写超声波传感器和电机控制代码**：实现超声波测距和电机控制。 4. **调试和预览**：在微信开发者工具中实时查看效果，通过手机预览小程序。 5. **发布小程序**：上传代码，提交审核，发布小程序。 通过这个项目，读者可以掌握微信小程序开发的基本流程和技术，了解如何通过API获取数据并进行展示。这对于开发自己的微信小程序应用、提升移动端开发 技能非常有帮助。希望本文能为读者提供有价值的参考，提升其开发能力。 这个项目展示了如何使用微信小程序开发技术，结合API接口，实现一个实用的天气查询应用。通过这个案例，读者可以学习到微信小程序的开发流程、界面设计和数据处理技术，具备开发实际应用的能力。
js一键复制文本框内容
07-23
在JavaScript中，可以使用以下代码实现一键复制文本框的内容： ```javascript function copyText() { // 获取文本框元素 var input = document.getElementById("myInput"); // 选择文本框的内容 input.select...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值