mui 把内容复制到剪切板

最新推荐文章于 2020-12-22 11:13:02 发布
最新推荐文章于 2020-12-22 11:13:02 发布
阅读量4.8k 收藏 1
点赞数
分类专栏： mui
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hualuo_/article/details/79798792
版权
本文介绍了如何使用mui库在移动端实现内容复制到剪切板的功能。通过判断操作系统是iOS还是Android，分别调用相应的API来设置剪切板的内容，从而达到在不同平台上复制文本的目的。
摘要由CSDN通过智能技术生成
function copyShareUrl(){
mui.plusReady(function(){
//复制链接到剪切板
var copy_content = "";
//判断是安卓还是ios
if(mui.os.ios){
//ios
var UIPasteboard = plus.ios.importClass("UIPasteboard");
    var generalPasteboard = UIPasteboard.generalPasteboard();
    //设置/获取文本内容:
    generalPasteboard.plusCallMethod({
        setValue:copy_content,
        forPasteboardType: "public.utf8-plain-text"
<
最低0.47元/天 解锁文章
花落乱了流年
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
专栏目录
用HBuilder和MUI实现复制链接到手机剪切板
jiaonizuoren的博客
12-03 2239
html代码如下： &lt;input type="text" name="" id="link" value="https://blog.csdn.net/jiaonizuoren"/&gt; &lt;div class="mui-btn mui-btn-primary" type="button" onclick="copyShareUrl()&q
移动端复制文字到剪切板上(html5plus,h5+)
whicce的博客
02-19 755
export function copyText(text) { if (plus.os.name == "Android") { var Context = plus.android.importClass("android.content.Context"); var main = plus.android.runtimeMainActivity(); var clip = main.getSystemService(Context.CLIPBOARD_SERVICE);
mui 把内容复制到剪切板
weixin_30950237的博客
09-12 233
function copyShareUrl(){ mui.plusReady(function(){ //复制链接到剪切板 var copy_content = ""; //判断是安卓还是ios if(mui.os.ios){ //ios var UIPasteboard = plus.ios.importClass("UIPasteboard"); var gener...
mui——复制到剪贴板
ASP.NET
09-11 471
下面是mui中封装的复制到剪贴板的方法，可以直接复制使用。 // 复制方法 function copy_fun(copy){//参数copy是要复制的文本内容 mui.plusReady(function(){ //判断是安卓还是ios if(mui.os.ios){ //ios var UIPasteboard = plus.ios.importClass("UIP...
mui点击复制功能，一键点击复制指定的或者文本内容，更具手机系统判断使用不同的方法如苹果和安卓
u012442504的专栏
11-30 800
//点击复制 function copyToClip() { var text= document.getElementById("text").innerHTML; if(mui.os.android) { var Context = plus.and...
H5 mui 点击复制文字内容
weixin_44606182的博客
08-17 472
//点击复制 function copy_fun(copy,tips) { if(!tips){ tips="已成功复制到剪贴板"; } mui.plusReady(function() { //判断是安卓还是ios if (mui.os.ios) { //ios var UIPasteboard = plus.ios.imp
好程序员web前端分享js剪切板Clipboard.js 使用
qq_35970166的博客
04-12 175
好程序员web前端分享js剪切板Clipboard.js 使用，clipboard.js是一个用来设置剪切板的库，小巧无依赖，但用法有点诡异，必须依赖一个DOM元素。 必须要与一个DOM元素相关联，并且需要用户的点击操作才能实现功能（这样看来，浏览器还是挺安全的） 普通使用推荐下面这种用法，这里的text可以动态设置，可以写一个js函数动态返回text var clipbo...
hbuild json红叉_MUI+Hbuilder之踩坑（三）
weixin_39610422的博客
12-22 261
1.1获取input值单个js:var input_ = document.getElementById('inputid');var input_mui = mui('#inputid');console.log(input_.value);//aaaconsole.log(input_mui.value);//undefindconsole.log(input_mui[0].value);//...
点击按钮实现文本复制功能
想去旅行的静静的博客
08-02 447
function copy(){ if (iOS微信端) { var selectedText, element = mui('.myCode')[0]; if (element.nodeName === 'INPUT' || element.nodeName === 'TEXTAREA') { var isReadOnly = element.hasAttribute('readonly'); .
最终实现混合app仿淘宝app自动识别淘口令 第一篇：mui混合开发获取原生剪切板内容
优哉游哉的博客
10-12 5326
<script type="text/javascript"> mui.init() mui.plusReady(function() { function copyToClip() { var Context = plus.android.importClass("android.content.Context"); v
js copy
weixin_30371875的博客
10-01 336
Javascript 实现复制（Copy）动作方法大全 投稿：hebedich 字体：[增加减小] 类型：转载 时间：2014-06-20我要评论 现在浏览器种类也越来越多，诸如 IE、Firefox、Chrome、Safari等等，因此现在要实现一个js复制内容到剪贴板的小功能就不是一件那么容易的事了。 一、实现点击按钮，复制文本框中的的内容 ...
mui APP复制粘贴,Native.js复制粘贴
读书探究世界的博客
01-14 825
/** * @description 获取剪贴板内容 (粘贴) */ function getClipbordText() { if(!window.plus) return; if(mui.os.android) { var Context = plus.android.importClass("android.content.Context"); ...
mui 设置剪贴板内容
zz18773042258的博客
11-01 757
首先需要开启长按事件 mui.init({ gestureConfig: { longtap:true, //默认为false } }); /** * 长按 */ mui('body').on('longtap','长按的的class',function(){ var text=this.innerText;//获取文本内容 if(text){//是否为空 setCop...
mui 更新dom元素内容
最新发布
05-18
在 mui 中更新 DOM 元素内容可以使用 mui.js 中封装的方法：`mui('#element-id').html('new content')`。 其中，`#element-id` 是要更新的元素的 ID，`html()` 方法用于设置元素的 HTML 内容。你可以将 `'new content'` 替换为你想要更新的内容。 示例代码如下： ``` <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>MUI Update Content Demo</title> <link href="//cdn.bootcss.com/mui/3.7.1/css/mui.min.css" rel="stylesheet"> </head> <body> <div id="content">旧的内容</div> <button id="btn">更新内容</button> <script src="//cdn.bootcss.com/mui/3.7.1/js/mui.min.js"></script> <script> mui.init(); var contentEl = mui('#content'); var btnEl = document.getElementById('btn'); btnEl.addEventListener('click', function() { contentEl.html('新的内容'); }); </script> </body> </html> ``` 当点击按钮时，`#content` 元素的内容会被更新为 `'新的内容'`。
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值