精华内容
下载资源
问答
  • jquery复制到剪贴板 好的,所以今天我尝试使用jQuery(和普通JavaScript)来自动化复制到剪贴板的过程,众所周知,通过右键单击>复制或按CTRL + C可以轻松完成复制过程。 通常复制到剪贴板的方式是,您只需调用...

    jquery复制到剪贴板

    jquery-clipboard-copy

    好的,所以今天我尝试使用jQuery(和普通JavaScript)来自动化复制到剪贴板的过程,众所周知,通过右键单击>复制或按CTRL + C可以轻松完成复制过程。 通常复制到剪贴板的方式是,您只需调用exec copy命令即可将当前选择内容复制到剪贴板。 但是,似乎唯一支持此功能的浏览器是IE。 现在,我们有了一种解决方法,可以使用Flash SWF文件运行并将选择内容以这种方式保存到剪贴板。 您可以使用jQuery插件,据我所知,您有以下四个选项。

    注意:我的建议是使用3.复制文本的解决方法,因为尝试使其他插件正常工作可能很痛苦。

    1. zClip

    zClip仅适用于超链接。

    function copy (str)
    {
        //for IE ONLY!
        window.clipboardData.setData('Text',str);
    }

    资源

    2.零剪贴板

    一个漂亮的剪贴板插件: 下载页面

    function init() {
    	clip = new ZeroClipboard.Client();
    	clip.setHandCursor( true );
    	
    	clip.addEventListener('load', my_load);
    	clip.addEventListener('mouseOver', my_mouse_over);
    	clip.addEventListener('complete', my_complete);
    	
    	clip.glue( 'd_clip_button' );
    }

    资源

    3.复制文本解决方法

    JQUERY代码

    $(document).ready(function(){
    	//store nodepath value to clipboard	(copy to top of page)
    	$('li').live('click', function(){
    		//console.log($('#pathtonode').html()+ " copied to window");
    		var path = $('#pathtonode').html();
    		path = path.replace(/ > /g,".");
    		//console.log(path);
    		addtoppath(path);
    	});
    	//initially hide copy window
    	$('#toppathwrap').hide();
    
    	function addtoppath(path) {
    		//console.log(path);
    		$('#copypath').val(path);
    		$('#toppathwrap').show();
    		$('#copypath').focus();
    		$('#copypath').select();
    	}	
    });

    对于动态DOM元素:

    $('#copypath', 'body')
    	.find('a')
    		.livequery('click', function() {
    			$(this)
    				.blur();
    			//console.log('copied to copy window');
    			var nodetext = $('#id-of-element-to-copy').html();
    			$('#copypath input').focus();
    			$('#copypath input').select();
    			return false;
    		});

    HTML代码

    CSS代码

    #toppathwrap { position:fixed; top:0px; right:0px; background-color:#F2F1E8; padding:5px; display:none; }

    资源

    4. David Walsh教程

     //javascript copy function
    		function copy(inElement) {
    		  if (inElement.createTextRange) {
    			var range = inElement.createTextRange();
    			if (range && BodyLoaded==1)
    			 range.execCommand('Copy');
    		  } else {
    			var flashcopier = 'flashcopier';
    			if(!document.getElementById(flashcopier)) {
    			  var divholder = document.createElement('div');
    			  divholder.id = flashcopier;
    			  document.body.appendChild(divholder);
    			}
    			document.getElementById(flashcopier).innerHTML = '';
    			var divinfo = '    ';
    			document.getElementById(flashcopier).innerHTML = divinfo;
    		  }
    		} 

    资源

    翻译自: https://www.sitepoint.com/jquery-copy-clipboard-4-options/

    jquery复制到剪贴板

    展开全文
  • jquery复制到剪贴板

    2017-08-31 15:15:00
    <script type="text/javascript" src="jquery-1.10.2.min.js"></script> </head> <body> 数据输出测试 <textarea id="t2"></textarea> <!--测试1--> <!--button按钮测试,需要复制的值放在属性 data...


    <!DOCTYPE html> <html> <head> <title>ZeroClipboard Test</title> <meta charset="utf-8"> <script type="text/javascript" src="clipboard.min.js"></script> <script type="text/javascript" src="jquery-1.10.2.min.js"></script> </head> <body> <input id="t" type="text"/>数据输出测试<br> <textarea id="t2"></textarea><br> <!--测试1--> <!--button按钮测试,需要复制的值放在属性 data-clipboard-text中<br>--> <button class="btn" data-clipboard-text="测试1">点击测试1</button><br><br> <!--测试2--> <!--a按钮测试,需要复制的值放在属性 data-clipboard-text中<br>--> <a class="a" data-clipboard-text="测试2">点击测试2</a><br><br> <!--测试3--> <!--测试,通过按钮的data-clipboard-target属性获取指定标签中的值--> <div>测试3</div> <button class="btn2" data-clipboard-action="copy" data-clipboard-target="div">点击测试3</button><br><br> <!--测试4--> <!--测试,通过按钮的data-clipboard-target属性获取指id的标签中的值中 --> <button class="btn3" data-clipboard-action="copy" data-clipboard-target="#t2">点击测试4</button> </body> </html> <script type="text/javascript"> <!--测试1--> $(document).ready(function(){ var clipboard = new Clipboard('.btn'); clipboard.on('success', function(e) { console.log(e); alert("测试1复制成功!") }); clipboard.on('error', function(e) { console.log(e); alert("测试1复制失败!请手动复制") }); }) <!--测试2--> $(document).ready(function(){ var clipboard1 = new Clipboard('.a'); clipboard1.on('success', function(e) { console.log(e); alert("测试2复制成功!") }); clipboard1.on('error', function(e) { console.log(e); alert("测试2复制失败!请手动复制") }); }) <!--测试3--> $(document).ready(function(){ var clipboard2 = new Clipboard('.btn2'); clipboard2.on('success', function(e) { console.log(e); alert("测试3复制成功!") }); clipboard2.on('error', function(e) { console.log(e); alert("测试3复制失败!请手动复制") }); }) <!--测试4--> $(document).ready(function(){ var clipboard3 = new Clipboard('.btn3'); clipboard3.on('success', function(e) { console.log(e); alert("测试4复制成功!") }); clipboard3.on('error', function(e) { console.log(e); alert("测试4复制失败!请手动复制") }); }) </script>

     

    下载地址  https://github.com/zenorocha/clipboard.js

     

    转载于:https://www.cnblogs.com/xdcr/p/7458412.html

    展开全文
  • 小编典典编辑自2016年起,您现在可以在大多数浏览器中将文本复制到剪贴板,因为大多数浏览器都可以通过编程方式将选择的文本复制到剪贴板document.execCommand("copy"),从而可以将所选内容关闭。与浏览器中的某些...

    小编典典

    编辑

    自2016年起,您现在可以在大多数浏览器中将文本复制到剪贴板,因为大多数浏览器都可以通过编程方式将选择的文本复制到剪贴板document.execCommand("copy"),从而可以将所选内容关闭。

    与浏览器中的某些其他操作(如打开新窗口)一样,只能通过特定的用户操作(如单击鼠标)将内容复制到剪贴板。例如,它不能通过计时器来完成。

    这是一个代码示例:

    document.getElementById("copyButton").addEventListener("click", function() {

    copyToClipboard(document.getElementById("copyTarget"));

    });

    function copyToClipboard(elem) {

    // create hidden text element, if it doesn't already exist

    var targetId = "_hiddenCopyText_";

    var isInput = elem.tagName === "INPUT" || elem.tagName === "TEXTAREA";

    var origSelectionStart, origSelectionEnd;

    if (isInput) {

    // can just use the original source element for the selection and copy

    target = elem;

    origSelectionStart = elem.selectionStart;

    origSelectionEnd = elem.selectionEnd;

    } else {

    // must use a temporary form element for the selection and copy

    target = document.getElementById(targetId);

    if (!target) {

    var target = document.createElement("textarea");

    target.style.position = "absolute";

    target.style.left = "-9999px";

    target.style.top = "0";

    target.id = targetId;

    document.body.appendChild(target);

    }

    target.textContent = elem.textContent;

    }

    // select the content

    var currentFocus = document.activeElement;

    target.focus();

    target.setSelectionRange(0, target.value.length);

    // copy the selection

    var succeed;

    try {

    succeed = document.execCommand("copy");

    } catch(e) {

    succeed = false;

    }

    // restore original focus

    if (currentFocus && typeof currentFocus.focus === "function") {

    currentFocus.focus();

    }

    if (isInput) {

    // restore prior selection

    elem.setSelectionRange(origSelectionStart, origSelectionEnd);

    } else {

    // clear temporary content

    target.textContent = "";

    }

    return succeed;

    }

    input {

    width: 400px;

    }

    Copy

    答案的历史部分

    出于安全原因,任何现代浏览器均不允许通过JavaScript直接复制到剪贴板。最常见的解决方法是使用Flash功能将其复制到剪贴板,这只能由用户直接单击触发。

    如前所述,ZeroClipboard是用于管理Flash对象进行复制的常用代码集。我用过了如果在浏览设备上安装了Flash(排除了移动设备或平板电脑),则它可以工作。

    下一个最常见的解决方法是将剪贴板上的文本放置在输入字段中,将焦点移到该字段上,并建议用户按Ctrl+ C复制文本。

    Internet Explorer和Firefox曾经具有用于访问剪贴板的非标准API,但它们的较新版本已弃用了这些方法(可能出于安全原因)。

    一项新兴的标准工作试图尝试一种“安全”的方法来解决最常见的剪贴板问题(可能需要像Flash解决方案所要求的那样的特定用户操作),并且看起来它可能是在最新版本中部分实现的版本的Firefox和Chrome,但我尚未确认。

    2020-05-10

    展开全文
  • How do I copy the text inside a div to the clipboard? 如何将div中的文本复制到剪贴板? I have a div and need to ad

    本文翻译自:Click button copy to clipboard using jQuery

    How do I copy the text inside a div to the clipboard? 如何将div中的文本复制到剪贴板? I have a div and need to add a link which will add the text to the clipboard. 我有一个div,需要添加一个链接,该链接会将文本添加到剪贴板。 Is there a solution for this? 有解决方案吗?

    <p class="content">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s</p>
    
    <a class="copy-text">copy Text</a>
    

    After I click copy text, then I press Ctrl + V , it must be pasted. 单击复制文本后,然后按Ctrl + V ,必须将其粘贴。


    #1楼

    参考:https://stackoom.com/question/1WkRF/单击按钮使用jQuery复制到剪贴板


    #2楼

    Edit as of 2016 截至2016年编辑

    As of 2016, you can now copy text to the clipboard in most browsers because most browsers have the ability to programmatically copy a selection of text to the clipboard using document.execCommand("copy") that works off a selection. 从2016年开始,您现在可以在大多数浏览器中将文本复制到剪贴板,因为大多数浏览器都可以使用可以关闭选择内容的document.execCommand("copy")以编程方式将文本的选择复制到剪贴板。

    As with some other actions in a browser (like opening a new window), the copy to clipboard can only be done via a specific user action (like a mouse click). 与浏览器中的某些其他操作(例如,打开新窗口)一样,只能通过特定的用户操作(例如,单击鼠标)将内容复制到剪贴板。 For example, it cannot be done via a timer. 例如,它不能通过计时器来完成。

    Here's a code example: 这是一个代码示例:

     document.getElementById("copyButton").addEventListener("click", function() { copyToClipboard(document.getElementById("copyTarget")); }); function copyToClipboard(elem) { // create hidden text element, if it doesn't already exist var targetId = "_hiddenCopyText_"; var isInput = elem.tagName === "INPUT" || elem.tagName === "TEXTAREA"; var origSelectionStart, origSelectionEnd; if (isInput) { // can just use the original source element for the selection and copy target = elem; origSelectionStart = elem.selectionStart; origSelectionEnd = elem.selectionEnd; } else { // must use a temporary form element for the selection and copy target = document.getElementById(targetId); if (!target) { var target = document.createElement("textarea"); target.style.position = "absolute"; target.style.left = "-9999px"; target.style.top = "0"; target.id = targetId; document.body.appendChild(target); } target.textContent = elem.textContent; } // select the content var currentFocus = document.activeElement; target.focus(); target.setSelectionRange(0, target.value.length); // copy the selection var succeed; try { succeed = document.execCommand("copy"); } catch(e) { succeed = false; } // restore original focus if (currentFocus && typeof currentFocus.focus === "function") { currentFocus.focus(); } if (isInput) { // restore prior selection elem.setSelectionRange(origSelectionStart, origSelectionEnd); } else { // clear temporary content target.textContent = ""; } return succeed; } 
     input { width: 400px; } 
     <input type="text" id="copyTarget" value="Text to Copy"> <button id="copyButton">Copy</button><br><br> <input type="text" placeholder="Click here and press Ctrl-V to see clipboard contents"> 


    Here's a little more advanced demo: https://jsfiddle.net/jfriend00/v9g1x0o6/ 这是一个更高级的演示: https : //jsfiddle.net/jfriend00/v9g1x0o6/

    And, you can also get a pre-built library that does this for you with clipboard.js . 而且,你还可以得到一个预建库,以做到这一点你clipboard.js


    Old, historical part of answer 答案的历史部分

    Directly copying to the clipboard via JavaScript is not permitted by any modern browser for security reasons. 出于安全原因,任何现代浏览器均不允许通过JavaScript直接复制到剪贴板。 The most common workaround is to use a Flash capability for copying to the clipboard that can only be triggered by a direct user click. 最常见的解决方法是使用Flash功能将其复制到剪贴板,这只能由用户直接单击触发。

    As mentioned already, ZeroClipboard is a popular set of code for managing the Flash object to do the copy. 如前所述, ZeroClipboard是用于管理Flash对象进行复制的常用代码集。 I've used it. 我用过了 If Flash is installed on the browsing device (which rules out mobile or tablet), it works. 如果在浏览设备上安装了Flash(排除了移动设备或平板电脑),则它可以正常工作。


    The next most common work-around is to just place the clipboard-bound text into an input field, move the focus to that field and advise the user to press Ctrl + C to copy the text. 下一个最常见的解决方法是将剪贴板上的文本放置到输入字段中,将焦点移到该字段上,并建议用户按Ctrl + C来复制文本。

    Other discussions of the issue and possible work-arounds can be found in these prior Stack Overflow posts: 可以在以下先前的Stack Overflow帖子中找到有关该问题的其他讨论以及可能的解决方法:


    These questions asking for a modern alternative to using Flash have received lots of question upvotes and no answers with a solution (probably because none exist): 这些要求使用Flash的现代替代方法的问题已经收到很多问题的投票,而没有解决方案的答案(可能是因为不存在):


    Internet Explorer and Firefox used to have non-standard APIs for accessing the clipboard, but their more modern versions have deprecated those methods (probably for security reasons). Internet Explorer和Firefox曾经具有用于访问剪贴板的非标准API,但它们的较新版本已弃用了这些方法(可能出于安全原因)。


    There is a nascent standards effort to try to come up with a "safe" way to solve the most common clipboard problems (probably requiring a specific user action like the Flash solution requires), and it looks like it may be partially implemented in the latest versions of Firefox and Chrome, but I haven't confirmed that yet. 正在进行一项新的标准工作 ,试图提出一种“安全”的方法来解决最常见的剪贴板问题(可能需要特定的用户操作,如Flash解决方案所要求的),并且看起来它可能是在最新版本中部分实现的版本的Firefox和Chrome,但我尚未确认。


    #3楼

    The text to copy is in text input,like: <input type="text" id="copyText" name="copyText"> and, on button click above text should get copied to clipboard,so button is like: <button type="submit" id="copy_button" data-clipboard-target='copyText'>Copy</button> Your script should be like: 要复制的文本在文本输入中,例如: <input type="text" id="copyText" name="copyText">并且在按钮上单击上方的文本应将其复制到剪贴板,因此按钮类似于: <button type="submit" id="copy_button" data-clipboard-target='copyText'>Copy</button>您的脚本应类似于:

    <script language="JavaScript">
    $(document).ready(function() {
    var clip = new ZeroClipboard($("#copy_button"), {
      moviePath: "ZeroClipboard.swf"
    }); 
    });
    
    </script>
    

    For CDN files 对于CDN文件

    note : ZeroClipboard.swf and ZeroClipboard.js " file should be in the same folder as your file using this functionality is, OR you have to include like we include <script src=""></script> on our pages. 注意 :使用此功能后, ZeroClipboard.swfZeroClipboard.js文件应与文件位于同一文件夹中,或者您必须像在页面上添加<script src=""></script>一样包含。


    #4楼

    There is another non-Flash way (apart from the Clipboard API mentioned in jfriend00's answer ). 还有另一种非Flash方式(除了jfriend00的答案中提到的Clipboard API )。 You need to select the text and then execute the command copy to copy to the clipboard whatever text is currently selected on the page. 您需要选择文本,然后执行命令copy以将页面上当前选择的任何文本复制到剪贴板。

    For example, this function will copy the content of the passed element into the clipboard (updated with suggestion in the comments from PointZeroTwo ): 例如,此函数会将传递的元素的内容复制到剪贴板(根据PointZeroTwo的注释中的建议进行更新):

    function copyToClipboard(element) {
        var $temp = $("<input>");
        $("body").append($temp);
        $temp.val($(element).text()).select();
        document.execCommand("copy");
        $temp.remove();
    }
    

    This is how it works: 它是这样工作的:

    1. Creates a temporary hidden text field. 创建一个临时的隐藏文本字段。
    2. Copies the content of the element to that text field. 将元素的内容复制到该文本字段。
    3. Selects the content of the text field. 选择文本字段的内容。
    4. Executes the command copy like: document.execCommand("copy") . 执行命令副本,例如: document.execCommand("copy")
    5. Removes the temporary text field. 删除临时文本字段。

    You can see a quick demo here: 您可以在此处查看快速演示:

     function copyToClipboard(element) { var $temp = $("<input>"); $("body").append($temp); $temp.val($(element).text()).select(); document.execCommand("copy"); $temp.remove(); } 
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <p id="p1">P1: I am paragraph 1</p> <p id="p2">P2: I am a second paragraph</p> <button onclick="copyToClipboard('#p1')">Copy P1</button> <button onclick="copyToClipboard('#p2')">Copy P2</button> <br/><br/><input type="text" placeholder="Paste here for test" /> 

    The main issue is that not all browsers support this feature at the moment, but you can use it on the main ones from: 主要问题是,目前并非所有浏览器都支持此功能,但您可以从以下主要途径使用它:

    • Chrome 43 镀铬43
    • Internet Explorer 10 Internet Explorer 10
    • Firefox 41 Firefox 41
    • Safari 10 Safari 10

    Update 1: This can be achieved also with a pure JavaScript solution (no jQuery): 更新1:这也可以通过纯JavaScript解决方案(没有jQuery)实现:

     function copyToClipboard(elementId) { // Create a "hidden" input var aux = document.createElement("input"); // Assign it the value of the specified element aux.setAttribute("value", document.getElementById(elementId).innerHTML); // Append it to the body document.body.appendChild(aux); // Highlight its content aux.select(); // Copy the highlighted text document.execCommand("copy"); // Remove it from the body document.body.removeChild(aux); } 
     <p id="p1">P1: I am paragraph 1</p> <p id="p2">P2: I am a second paragraph</p> <button onclick="copyToClipboard('p1')">Copy P1</button> <button onclick="copyToClipboard('p2')">Copy P2</button> <br/><br/><input type="text" placeholder="Paste here for test" /> 

    Notice that we pass the id without the # now. 请注意,我们传递的ID现在没有#号。

    As madzohan reported in the comments below, there is some strange issue with the 64-bit version of Google Chrome in some cases (running the file locally). 正如madzohan在以下评论中所报告的那样,在某些情况下(本地运行文件),64位版本的Google Chrome浏览器存在一些奇怪的问题。 This issue seems to be fixed with the non-jQuery solution above. 上面的非jQuery解决方案似乎已解决了该问题。

    Madzohan tried in Safari and the solution worked but using document.execCommand('SelectAll') instead of using .select() (as specified in the chat and in the comments below). Madzohan在Safari中进行了尝试,该解决方案有效,但使用了document.execCommand('SelectAll')而不是.select() (如聊天室和以下注释中所指定)。

    As PointZeroTwo points out in the comments , the code could be improved so it would return a success/failure result. 正如PointZeroTwo在注释中指出的那样,可以改进代码,以便返回成功/失败结果。 You can see a demo on this jsFiddle . 您可以在此jsFiddle上看到一个演示。


    UPDATE: COPY KEEPING THE TEXT FORMAT 更新:保留文本格式

    As a user pointed out in the Spanish version of StackOverflow , the solutions listed above work perfectly if you want to copy the content of an element literally, but they don't work that great if you want to paste the copied text with format (as it is copied into a input type="text" , the format is "lost"). 正如用户在西班牙语版本的StackOverflow中指出的那样,上面列出的解决方案如果您想按字面意义复制元素的内容,则可以完美地工作,但是,如果您想将复制的文本粘贴为格式(如将其复制到input type="text" ,格式为“ lost”)。

    A solution for that would be to copy into a content editable div and then copy it using the execCommand in a similar way. 一种解决方案是将其复制到内容可编辑的div ,然后以类似方式使用execCommand复制它。 Here there is an example - click on the copy button and then paste into the content editable box below: 这里有一个例子-单击复制按钮,然后粘贴到下面的内容可编辑框中:

     function copy(element_id){ var aux = document.createElement("div"); aux.setAttribute("contentEditable", true); aux.innerHTML = document.getElementById(element_id).innerHTML; aux.setAttribute("onfocus", "document.execCommand('selectAll',false,null)"); document.body.appendChild(aux); aux.focus(); document.execCommand("copy"); document.body.removeChild(aux); } 
     #target { width:400px; height:100px; border:1px solid #ccc; } 
     <p id="demo"><b>Bold text</b> and <u>underlined text</u>.</p> <button onclick="copy('demo')">Copy Keeping Format</button> <div id="target" contentEditable="true"></div> 

    And in jQuery, it would be like this: 在jQuery中,它将是这样的:

     function copy(selector){ var $temp = $("<div>"); $("body").append($temp); $temp.attr("contenteditable", true) .html($(selector).html()).select() .on("focus", function() { document.execCommand('selectAll',false,null); }) .focus(); document.execCommand("copy"); $temp.remove(); } 
     #target { width:400px; height:100px; border:1px solid #ccc; } 
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <p id="demo"><b>Bold text</b> and <u>underlined text</u>.</p> <button onclick="copy('#demo')">Copy Keeping Format</button> <div id="target" contentEditable="true"></div> 


    #5楼

    clipboard.js is a nice utility that allows copying of text or HTML data to the clipboard without use of Flash. 剪贴板.js是一个很好的实用程序,它允许在不使用Flash的情况下将文本或HTML数据复制到剪贴板。 It's very easy to use; 它很容易使用; just include the .js and use something like this: 只需包含.js并使用如下所示的内容:

    <button id='markup-copy'>Copy Button</button>
    
    <script>
        document.getElementById('markup-copy').addEventListener('click', function() {
            clipboard.copy({
                'text/plain': 'Markup text. Paste me into a rich text editor.',
                'text/html': '<i>here</i> is some <b>rich text</b>'
            }).then(
                function(){console.log('success'); },
                function(err){console.log('failure', err);
            });
        });
    </script>
    

    clipboard.js is also on GitHub . Clipboard.js也位于GitHub上

    Edit on Jan 15, 2016: The top answer was edited today to reference the same API in my answer posted in August 2015. The previous text was instructing users to use ZeroClipboard. 2016年1月15日修改:今天,对最高答案进行了编辑 ,以在我于2015年8月发布的答案中引用相同的API。之前的内容是指示用户使用ZeroClipboard。 Just want to be clear that I didn't yank this from jfriend00's answer, rather the other way around. 只是想清楚一点,我并没有从jfriend00的答案中得出这个结论,反之亦然。


    #6楼

    It is a simplest method to copy the content 这是复制内容的最简单方法

     <div id="content"> Lorepm ispum </div>
     <button class="copy" title="content">Copy Sorce</button>
    
    function SelectContent(element) {
                            var doc = document
                                , text = doc.getElementById(element)
                                , range, selection
                            ;    
                            if (doc.body.createTextRange) {
                                range = document.body.createTextRange();
                                range.moveToElementText(text);
                                range.select();
                            } else if (window.getSelection) {
                                selection = window.getSelection();        
                                range = document.createRange();
                                range.selectNodeContents(text);
                                selection.removeAllRanges();
                                selection.addRange(range);
    
                            }
                             document.execCommand('Copy');
                        }
                        $(".copy").click(function(){
    
                             SelectContent( $(this).attr('title'));
                        });
    
    展开全文
  • 兼容ios ,html5,包含(input,textarea,div,text实例)
  • OK,所以今天我试图使用jQuery(和普通的JavaScript)来自动复制到剪贴板,你都知道可以通过轻松点击右键进行的过程>复制或按Ctrl + C。 如何复制到剪贴板通常的工作原理是,你可以简单地调用一个exec复制命令来...
  • 需要做的只是引入其脚本,在HTML标签上赋一个“data...为了演示假定有一个货币转换应用,在一个文本框中输入数值时同时将兑换结果显示在另一个文本框中,当点击文本框时,会触发事件将其复制到剪贴板然后显示一条消息。
  • jquery复制内容到剪贴板

    千次阅读 2018-03-06 16:41:22
    &lt;!doctype html&gt; &lt;html lang="en"&gt; &lt;head&...jQuery/Js复制文本到剪贴板&lt;/title&gt; &lt;script src="http://apps.bdimg.c
  • 在网页中实现复制到剪贴板功能,有两种方法, 第1种方法:使用JavaScript自带的方法,但是这种方法只能在IE下使用。 document.execCommand("Copy"); // 执行浏览器复制命令 alert("已复制好,可贴粘。"); 或者 ...
  • zClip是一个轻量级的jQuery复制到剪贴板”插件,采用了时下流行的”剪贴板”库。此插件使用一种无形的Adobe的Flash影片,是完全兼容Flash Player 10及10以下版本。 详细用法:http://www.uedsc.com/?p=696 官方...
  • 需引用jquery $(function () { $('.copy_btn').on('click',function () { let text = $(this).siblings('.list_info').find('.copy_text').text(); let oInput = document.createElement...
  • jquery实现复制到剪贴板 通用

    千次阅读 2017-11-29 15:19:06
    下周将会上线一个功能,表述为点击按钮复制某个dom下的内容或文本.百度后得到一个简单粗暴的解决方式: window.clipboardData.setData ("Text", "demo");但是,本人编写demo运行后发现报错: jsonp....
  • <!... <... <head>...jQuery复制文本到剪贴板</title> <script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js"></script> </head> <bo
  • CopyQ具有高级功能的剪贴板管理器...保存的剪贴板可以在以后复制并直接粘贴任何应用程序中。特征支持Linux,Windows和OS X 10.9+存储文本,HTML,图像或任何其他自定义格式快速浏览和过滤剪贴板历史记录中的项目...
  • jquery怎么复制文本到剪贴板? 试了很多百度的方法都不行。
  • 不兼容Firefox [code="html"] Selector $(document).ready(function(){ $("#copy").click(function(){ var text = $("#text"...成功到剪贴...
  • 使用 jQuery 复制文字到剪贴板的技巧

    千次阅读 2016-08-11 17:49:27
    如果在网上找一个关于如何将一段特定的文本拷贝到剪贴板的解决方案,最可能的结果就是使用Flash的方案来做这个事,虽然使用Flash可以很好地解决这个问题,但是这不是一个明智的想法,因为这个产品最终会消失或者至少...
  • 去看了几个常用的网站,都是用的透明flash遮挡“复制到剪贴板”按钮,所以当你点击“复制到剪贴板”的时候,点击的其实是flash,然后把你需要复制的内容传入到了flash,然后在通过flash的复制功能把传入的内容复制到...
  • 如果在网上找一个关于如何将一段特定的文本拷贝到剪贴板的解决方案,最可能的结果就是使用Flash的方案来做这个事,虽然使用Flash可以很好地解决这个问题,但是这不是一个明智的想法,因为这个产品最终会消失或者至少...
  • <!DOCTYPE html> <html> <head> <title>ZeroClipboard Test</title> <meta charset="utf-8">...script type="text/javascript" src="js/jquery.js"></scri...
  • jQuery ZeroClipboard 是优秀的jQuery 复制内容到剪贴板的插件,由于各个浏览器的安全特性不 一样,JS代码在复制内容各个浏览器表现不一,甚至无法实现,所以诞生了Flash 拷贝内容,很好 的解决了兼容性问题以及安全...
  • jQuery/Js复制文本到剪贴板

    万次阅读 2018-01-25 18:39:55
    <!doctype html> <html lang="en"> <head> ...meta charset="UTF-8">...jQuery/Js复制文本到剪贴板</title> <script src="http://apps.bdimg.com/libs/jquery/1.8.3/jque...
  • 主要介绍了JQuery zClip插件实现复制到剪贴板功能,并且兼容所有浏览器,大家可以学习借鉴此文章。
  • $(function(){ $("#copy").zclip({ path: "${basePath}/js/bbs/invite/ZeroClipboard.swf",/* flash所在项目地址 */ copy: function(){ ...${basePath}/js/bbs/invite/jquery.zclip.min.js"></script>
  • clipboard.js插件自己去下载这东西兼容性还不错,之前用那个不兼容火狐果断去掉 http://www.jq22.com/demo/copy20161120/dist/clipboard.min.js// 插件代码是jquery插件库里的<!DOCTYPE html><...
  • 因为工作的原因,需要实现这样一个功能:点击按钮,复制文本内容. 百度了一下,大都语焉不详,最终找到了一篇很好的博文,有讲解,有实例,捣鼓了一会,最终实现了功能. 网址在这里...

空空如也

空空如也

1 2 3 4 5 ... 11
收藏数 212
精华内容 84
关键字:

jquery复制到剪贴板