JavaScript tip (1) operation clipboard

xiaoxiao2021-03-06  18

JavaScript can easily operate the contents of the client clipboard, but only IE5 or more browser JavaScript can use the Window.ClipboardData object to process the clipboard content Save to the clipboard SETDATA (param1, param2) param1: data type text or url et al. PARAM2. PARAM2 : Data content

Methods of reading data from the clipboard GetData (param1) Cleardata (param1)

Here is an example of test operation clipboard </ title> </ head> <script> function copyspace ("source"). Value; Window. ClipboardData.SetData ('Text', D);</p> <p></ script> <body></p> <p><Button οnclick = "COPYTOCIPBOARD ();> Copy </ button> <input type =" text "size = 20 id =" source "value =" test data "> <button οnclick =" Alert (Window. ClipboardData.Getdata ('text')); "> Show </ button> <button οnclick =" Window.clipboardData.cleardata ('text'); "> Empty </ button></p> <p></ Body> </ html></p> <p>Below is another example implementation page to select the character, and drag to the text area feature Note where the Window.Event.DataTaTransfer object can also handle the contents of the clipboard, but only in the Drag-and-Drop operation <HTML> <head > <Title> Test operation clipboard 2 </ title> </ head> <script> function transportndrop () {Window.Event.Srcelement.innertext = WINDOW.EVENT.DATATRANSFER.GETDATA ("text"); window.event. ReturnValue = false;} Function TransferDrag () {WINDOW.Event.DataTaTransfer.dropeffect = 'Move'; window.Event.ReturnValue = false;}</p> <p></ script> <body</p> <p><p id = "mysource" οNDRAGSTART = "window.event.datatransfer.effectAllowed = 'move';"> Select us to drag us to the next TEXTAREA </ P></p> <p><textarea ID = "ndragauver =" "οndragauver =" "ndragauver =" = false; "οndragenter =" transfertrag (); "> </ textarea> </ body> </ hattarea> </ body> </ html></p></div><div class="text-center mt-3 text-grey"> 转载请注明原文地址:https://www.9cbs.com/read-47257.html</div><div class="plugin d-flex justify-content-center mt-3"></div><hr><div class="row"><div class="col-lg-12 text-muted mt-2"><i class="icon-tags mr-2"></i><span class="badge border border-secondary mr-2"><h2 class="h6 mb-0 small"><a class="text-secondary" href="tag-2.html">9cbs</a></h2></span></div></div></div></div><div class="card card-postlist border-white shadow"><div class="card-body"><div class="card-title"><div class="d-flex justify-content-between"><div><b>New Post</b>(<span class="posts">0</span>) </div><div></div></div></div><ul class="postlist list-unstyled"> </ul></div></div><div class="d-none threadlist"><input type="checkbox" name="modtid" value="47257" checked /></div></div></div></div></div><footer class="text-muted small bg-dark py-4 mt-3" id="footer"><div class="container"><div class="row"><div class="col">CopyRight © 2020 All Rights Reserved </div><div class="col text-right">Processed: <b>0.057</b>, SQL: <b>10</b></div></div></div></footer><script src="./lang/en-us/lang.js?2.2.0"></script><script src="view/js/jquery.min.js?2.2.0"></script><script src="view/js/popper.min.js?2.2.0"></script><script src="view/js/bootstrap.min.js?2.2.0"></script><script src="view/js/xiuno.js?2.2.0"></script><script src="view/js/bootstrap-plugin.js?2.2.0"></script><script src="view/js/async.min.js?2.2.0"></script><script src="view/js/form.js?2.2.0"></script><script> var debug = DEBUG = 0; var url_rewrite_on = 1; var url_path = './'; var forumarr = {"1":"Tech"}; var fid = 1; var uid = 0; var gid = 0; xn.options.water_image_url = 'view/img/water-small.png'; </script><script src="view/js/wellcms.js?2.2.0"></script><a class="scroll-to-top rounded" href="javascript:void(0);"><i class="icon-angle-up"></i></a><a class="scroll-to-bottom rounded" href="javascript:void(0);" style="display: inline;"><i class="icon-angle-down"></i></a></body></html><script> var forum_url = 'list-1.html'; var safe_token = 'EoKLeGTCwIkzt2LdiQ138WIdjvv6PNxW5nPFOvpUDoo1R6_2F_2FUGOciQtUBCpl6ISDH6io4rMy_2ByTbOmp2'; var body = $('body'); body.on('submit', '#form', function() { var jthis = $(this); var jsubmit = jthis.find('#submit'); jthis.reset(); jsubmit.button('loading'); var postdata = jthis.serializeObject(); $.xpost(jthis.attr('action'), postdata, function(code, message) { if(code == 0) { location.reload(); } else { $.alert(message); jsubmit.button('reset'); } }); return false; }); function resize_image() { var jmessagelist = $('div.message'); var first_width = jmessagelist.width(); jmessagelist.each(function() { var jdiv = $(this); var maxwidth = jdiv.attr('isfirst') ? first_width : jdiv.width(); var jmessage_width = Math.min(jdiv.width(), maxwidth); jdiv.find('img, embed, iframe, video').each(function() { var jimg = $(this); var img_width = this.org_width; var img_height = this.org_height; if(!img_width) { var img_width = jimg.attr('width'); var img_height = jimg.attr('height'); this.org_width = img_width; this.org_height = img_height; } if(img_width > jmessage_width) { if(this.tagName == 'IMG') { jimg.width(jmessage_width); jimg.css('height', 'auto'); jimg.css('cursor', 'pointer'); jimg.on('click', function() { }); } else { jimg.width(jmessage_width); var height = (img_height / img_width) * jimg.width(); jimg.height(height); } } }); }); } function resize_table() { $('div.message').each(function() { var jdiv = $(this); jdiv.find('table').addClass('table').wrap('<div class="table-responsive"></div>'); }); } $(function() { resize_image(); resize_table(); $(window).on('resize', resize_image); }); var jmessage = $('#message'); jmessage.on('focus', function() {if(jmessage.t) { clearTimeout(jmessage.t); jmessage.t = null; } jmessage.css('height', '6rem'); }); jmessage.on('blur', function() {jmessage.t = setTimeout(function() { jmessage.css('height', '2.5rem');}, 1000); }); $('#nav li[data-active="fid-1"]').addClass('active'); </script>