この記事の例では、JSでクリックした後、テキストまたは写真をクリップボードにコピーする方法について説明します。コードは非常に簡潔で実用的であり、特定の関数コードは次のとおりです。
コピーテキストコードを実装してください:
<Table CellPadding = "0" cellpacing = "0"> <tr> <th style = "color:white;"> <s:text name = "querylist detaily"> </s:text> </th> </tr> <tr> <td align = "center"> <textarea name = "Inquirecontact1" id = "rows =" 15 "" "" "" lows = "15 readonly = "readonly"> </textarea> <div id = "Inquiryinfodiv" style = "display =" display = "display ="> <s:joclycontact "Espash =" false "/> </div> <script> dojo.byid(" Inquirecontact1 ")。innertext = dojo.byid(" Inquiryinfodiv ")。 </script> </td> </tr> <tr> <td align = "center"> <入力型= "ボタン" button "name =" button "bulate" "copy" onclick = "copycontact()"/> </td> </tr> </table> <スクリプトタイプ= "テキスト/javascript"> var i = 0; function copycontact(){var contat = document.getElementById( "Inquirycontact1")。value; window.clipboarddata.setdata( 'text'、contat); if(window.clipboarddata.getData( 'text')== ''){if(i == 1){alert( "copy failed、手動でctrl+cショートカットキー!"); } else {alert( "コピーが失敗した、もう一度コピーしてください!"); i = 1; }} else {alert( "コンテンツがクリップボードにコピーされました!"); }} </script>コピーイメージコードを実装してください:
<!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-type " <title>挿入タイトル</title> <スクリプト言語= "jscript"> var opopup = window.createpopup(); function buttonclick(div){// var div = document.getElementById( 'divid'); div.contentedable = 'true'; var Controlrange; if(document.body.createcontrolrange){controlrange = document.body.createcontrolrange(); ControlRange.Addelement(div); controlrange.execcommand( 'copy'); } div.contentedable = 'false'; } </script> </head> <body> <div id = "divid1"> <img src = "f:/2012070518474964.jpg" onclick = "buttonclick(this)"> div> </body> </body> </html>興味のある読者は、コードを自分でテストしたり、その機能を変更したり改善したりできます。