手机端复制,pc端复制

手机端属于高级浏览器  原生js复制也是支持手机端复制的。

一、点击复制文本框内容的代码(1)

<script type="text/javascript"> 
    function jsCopy(){ 
        var e=document.getElementById("content");//对象是content 
        e.select(); //选择对象 
        document.execCommand("Copy"); //执行浏览器复制命令

alert("已复制好,可贴粘。"); 
    } 
</script> 
<textarea cols="60" name="content" rows="2" id="content">www.qzpcw.com</textarea> 
<input type=button value="复制" onclick="jsCopy()">

二、点击复制文本框内容的代码(2)

<SCRIPT language=JavaScript> 
<!-- 
function MM_goToURL() { //v3.0 
var i, args=MM_goToURL.arguments; document.MM_returnValue = false; 
for (i=0; i<(args.length-1); i+=2) eval(args[i]+".location=‘"+args[i+1]+"‘"); 

function JM_cc(ob){ 
var obj=MM_findObj(ob); if (obj) { 
obj.select();js=obj.createTextRange();js.execCommand("Copy");} 

function MM_findObj(n, d) { //v4.0 
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { 
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} 
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; 
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); 
if(!x && document.getElementById) x=document.getElementById(n); return x; 

//--> 
</SCRIPT> 
<FORM action="" method=post name=form1> 
<TEXTAREA cols=60 name=js_1 rows=2 wrap=VIRTUAL>www.qzpcw.com</textarea> 
</form> 
<INPUT name=Button onclick="JM_cc(‘js_1‘)" type=button value=复制>

三、点击复制文本框内容的代码(3)

<script> 
function oCopy(obj){ 
obj.select(); 
js=obj.createTextRange(); 
js.execCommand("Copy") 

</script> 
<input onclick="oCopy(this)" value=www.qzpcw.com>

四、点击复制标题和地址的代码

<title>www.qzpcw.com</title> 
<input type="button" name="Submit" onClick=‘copyToClipBoard()‘ value="复制本页地址,传给QQ/MSN上的好友"> 
<script language="javascript"> 
   function copyToClipBoard(){ 
    var clipBoardContent=""; 
    clipBoardContent+=document.title; 
    clipBoardContent+=""; 
    clipBoardContent+=this.location.href; 
    window.clipboardData.setData("Text",clipBoardContent); 
    alert("复制成功,请粘贴到你的QQ/MSN上推荐给你的好友"); 

</script>

五、点击复制网址的代码

<script type="text/javascript"> 
function copyText(obj) 

var rng = document.body.createTextRange(); 
rng.moveToElementText(obj); 
rng.scrollIntoView(); 
rng.select(); 
rng.execCommand("Copy"); 
rng.collapse(false);

alert("复制成功,请粘贴到你的QQ/MSN上发送给你的好友。");   <!--这句根据需要加,可有可无-->


</script> 
以下是代码片段:<br> 
<span id="tbid">http://www.qzpcw.com</span> 
[<a href="#" onclick="copyText(document.all.tbid)">点击复制</a>]<br> 
<span id="tbid1">http://www.qzpcw.com</span> 
[<a href="#" onclick="copyText(document.all.tbid1)">点击复制</a>]<br>

前端交流群:群名称:html5/css3/js/jq/nodejs/div  群号:339840649

时间: 2024-10-20 10:02:49

手机端复制,pc端复制的相关文章

CSS3及JS简单实现选项卡效果(适配手机端和pc端)

想要适配手机端和pc端,有几种简单的方法,本人使用的是百分比分配的方法. *{ padding: 0; margin: 0; } body,html{ width: 100%; height: 100%; overflow: hidden; } #bottom_box{ width: 100%; height: 50px; background-color: #eee; display: flex; //这是flex布局,父元素设置为flex,子元素设置几等份就是分成几等份 position:

手机端和PC端分别加载不同的js文件

分手机端和PC端其实方法很多,我们在响应式设计.响应式网站建设中经常碰到此类需求.下面说说我们在项目中遇到的需求: 手机端和PC端分别加载不同的js客服代码(注意:是要在PC和手机端分别加载不同的js文件) 第一种方法(简单型): <script type="text/javascript"> // 根据屏幕尺寸 if (screen && screen.width > 480) { document.write('<script type=&q

使用js判断手机端和pc端浏览器内核

<span style="font-size:24px;color:#ff0000;">手机端:</span> <span style="font-size:14px;color:#339999;">//判断浏览器 var browser = { versions : function() { var u = navigator.userAgent, app = navigator.appVersion; return { tri

php 判断是否手机端还是pc端

来自:https://www.cnblogs.com/webenh/p/5621890.html 用手机访问PC端WWW域名的时候,自动判断跳转到移动端,用电脑访问M域名手机网站的时候,自动跳转到PC端,我们团队在开发erdaicms二代旅游CMS网站管理系统的时候(http://www.erdaicms.com),分别开发了PC端和手机端,需要实现,用手机访问PC端WWW域名的时候,自动判断跳转到移动端,用电脑访问M域名手机网站的时候,自动跳转到PC端,于是有了下面这个判断函数: 1 /*移动

JS判断手机端还是pc端

如何判断页面是在移动端还是PC端打开的呢 window.location.href = /Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent) ? "https://www.baidu.com/" : "http://news.baidu.com/";

判断手机端,PC端不同跳转

1. wap端打开pc端地址,强制跳转到wap地址 var ua = window.navigator.userAgent.toLowerCase();if (!(/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent))) { window.location.href = "http://" + window.location.host+"/list&

Nginx如何处理手机端和PC端跳转不同页面

server模块下添加----------if ($http_user_agent ~* '(Android|webOS|iPhone|iPod|BlackBerry)') {    rewrite ^.+ http://mobile.test.com/mobile/$uri;}----------其中mobile为手机端的路径标识, 可以自定义修改. 原文地址:https://www.cnblogs.com/lazy-sang/p/12394879.html

Android笔记之adb命令应用实例1(手机端与PC端socket通讯下)

由于本人学习Android也挺长时间了,一直把日记记在evernote里面,由于刚离职比较空闲就打算把evernote里的日志一遍遍整理出来发布到网上分享. 本篇将分别使用C#和java语言,来实现和android端通讯的PC客户端代码. 通过adb和Android通讯需要引用adb相关的组件到项目中,分别为:adb.exe,AdbWinApi.dll,AdbWinUsbApi.dll. 可以在XXX\sdk\platform-tools目录下找到 首先看C#语言的实现: 界面效果如下: nam

Android笔记之adb命令应用实例1(手机端与PC端socket通讯上)

由于本人学习Android也挺长时间了,一直把日记记在evernote里面,由于刚离职比较空闲就打算把evernote里的日志一遍遍整理出来发布到网上分享. Android端的代码: 布局文件:activity_main.xml <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools&quo

通过代码实现自动判断是手机端还是PC端跳转

1 <!-- 2017/09/13 跳转手机页面 start by 小鬼PSer --> 2 <meta name="mobile-agent" content="format=html5;url=http://forbag.inrn.net/kh1m.aspx"> 3 <script type="text/javascript"> 4 var userAgentInfo = navigator.userAge