JavaScriptでalertの文字列をコピーする方法
- JavaScriptのalertを使用して表示された文字列をコピーする方法を教えてください。
- ブラウザによっては、alertで表示された文字列を反転させることができますが、コピーする方法がわかりません。
- alertで表示された文字列を簡単にコピーする方法を、複数のブラウザに対応した形で教えてください。
- ベストアンサー
javascriptでalertの文字列をコピー
初歩的な質問になるかもしれませんが、 javascriptのalertを使用し、表示された文字列をコピペ出来る方法はありますでしょうか？ したいことは、下記のalertで表示された【てすと】という文字をコピーして、 editorやワードなどに貼り付けることです。 ブラウザによって異なるのは実証済みです。 FireFoｘでは、文字の反転はOKだが右クリックがきかない（Ctrl+Cでコピー・貼り付けはOK） Chrome・IE では反転不可。 多くのブラウザでも同じように簡単にコピーできる方法があれば御教授ください。 <html> <head> <head/> <body> <script language="javascript"> <!-- function aaa(text) { alert(text); } --> </script> <a href="javascript:void(0);" onclick="aaa('てすと');">onclick</a> </body> </html> 以上、宜しくお願い申し上げます。
- kirameki01
- お礼率100% (4/4)
- JavaScript
- 回答数4
- ありがとう数6
- みんなの回答 （4）
- 専門家の回答
質問者が選んだベストアンサー
dialog要素とポリフィルライブラリでも使ってください http://demo.agektmr.com/dialog/
その他の回答 (3)
- 神崎 渉瑠（@taloo）
- ベストアンサー率44% (1016/2281)
alert()に似たような物で、prompt()というのもあります。 http://www.htmq.com/js/window_prompt.shtml
お礼
恐縮ながらprompr()は存じておりましたが、なかなかうまくいかずに 別の方法を模索しておりました。 ありがとうございます。
- yambejp
- ベストアンサー率51% (3827/7415)
alertの仕様もだいぶ変わってきているので 画面上に表示させてコピーさせるような方法の方が確実だと思いますが。 <script> function aaa(text) { document.getElementById("debug").innerHTML=text; return false; } </script> <a href="#" onclick="return aaa('てすと');">onclick</a> <div id="debug"></div>
お礼
ありがとうございます。 このような方法もあるのですね！ 勉強になります。
- play_with_you
- ベストアンサー率37% (112/301)
IEとChromeはダイアログが出てる状態でCtrl+Cでコピーできたはずですよ。
お礼
ありがとうございます。 Ctrl+Cでコピーできたんですね！反転しなかったので出来ないものだと勘違いしておりました。
関連するQ&A
- 入力した文字をalertで表示するスクリプトを作っています。
入力した文字をalertで表示するスクリプトを作っています。 以下、IEとOperaでは動作しますが、FirefoxとGoogle Chromeでは動作しません。 書き方が悪いのでしょうか？ <html> <head> <script language=JavaScript> <!-- function test(){ alert(input1.value); } // --> </SCRIPT> </HEAD> <BODY> <input type="text" name="input1"> <input type="button" value="テスト" onClick="test()"> </html>
- ベストアンサー
- JavaScript
- javascript 初心者です
javascript 初心者です 設定したグローバル変数を引数に指定したいのですが、うまくいきません。 下記のスクリプトのように書いてみたのですが、○が返ってきてしまいます。 どうすればうまくいくでしょうか？よろしくお願いします。 <html> <head> <script type="text/javascript"> <!-- i = false; function myFunc(hensu){ if(hensu){ alert("○"); } else{ alert("×"); } } --> </script> </head> <body> <p onclick="myFunc('i')">[btn]</p> </body> </html>
- ベストアンサー
- JavaScript
- formとalert
javascript初心者です。 formを使ってテキストボックスに入力された文字をalertを使って表示させたいのですが、functionの中の記述がよくわかりません。 formを使った参考資料も見つからず質問するに至りました。 教えていただければと思います。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <title>練習</title> <script type="text/javascript"> </script> </head> <body> <form name="a">文字を入力: <input type="text"size="20" name="name1" ><br> <input type="button" name="name2" value="確認" onclick="alert(chk)"> </form> <script type="text/javascript"> function chk(){ var n=document.a.name1.value; alert(n); } </script> </body> </html>
- 締切済み
- JavaScript
- JavaScriptが動かない原因
javascript は、ほとんど分からない初心者なのですが、 ものすごい単純な事で詰まっています。 <html> <head> <title></title> <script type="text/javascript" language=JavaScript> <!-- function alt() { alert("NG"); } //--> </script> </head> <body> <input type="radio" name="test" value="1" onclick="alt()">テスト１<br> <input type="radio" name="test" value="2" onclick="alert('OK')">テスト２<br> </body> </html> このソースで、テスト１のイベントが発生しません。 IEもfirefoxも、ダメでした。 何が悪いのか・・・・ くだらない質問ですみません。宜しくお願い致します。
- ベストアンサー
- JavaScript
- javascriptにてonclickを無効
javascriptにてonclickを無効にしたい 下記のように、onclickイベントキャンセルを書きましたが、 onclickのjavascriptが実行されます。 何かヒントはありませんか？ <html> <head> <script language="JavaScript"> document.onclick = function(e) { event.returnValue = false; } </script> </head> <body> <a href="a.htm" onclick="alert('onclick');">onclick有り</a> <a href="a.htm">onclick無し</a> </body> </html> ※環境 Windows2000(sp4)+ie6(sp1)
- ベストアンサー
- JavaScript
- javascriptに詳しい方
下のスクリプトで見るべきページが二つ以上ある場合どのように記述すればいいのでしょうか? javascriptに詳しい方よろしくお願いいたします。 <html> <head> <script language="JavaScript"> <!-- var isClicked = false; //--> </script> </head> <body> <A href="check.html" onClick="isClicked = true">見るべきページ</a><br> <A href="test.html" onClick="if (!isClicked){ alert('先に見るべきページをクリックしてください'); return false; }">A</a><br> </body> </html>
- ベストアンサー
- JavaScript
- javascriptとhtmlでわからないとこが・・
ボタンを押すと１～９までの数字が出てくるってので 繰り返し押せるようにしたいのですが、 ボタンを押すと文字だけになり再度ボタンを押すにはブラウザの戻るを 押すことになってしまうんですけどどうしたらいいでしょうか？ <html> <head> <title>test</title> <script type = "text/javascript"> function damage(){ var a=Math.random()*10; a=Math.round(a); document.write(a); } </script> </head> <body> <form> <input type ="button"name="abc"value="1～10"onclick=damage()> </form> </body> </html> 出来れば、 出てきた数値が１０を超えると画像を切り替える方法も教えてもらえるとありがたいです。 よろしくお願いします。
- ベストアンサー
- その他（インターネット・Webサービス）
- javasccriptの文字列の連結について
javasccriptの文字列の連結について charAt()というメソッドを用いて、 以下のサンプル <html> <head> <title>for sample</title> </head> <body> <script type="text/javascript"> <!-- str ="javascript" var ch1=str.charAt(0); alert("[" + ch1 +"]") //--> </script> </body> <html> を実行した際に アラートで[j]と返ってくるのですが、 (1)alert("[" + ch1 +"]")の部分を (2)alert("[ + ch1 +]") とした場合は[+ ch1 +]が返ってきます。 また、 (2)alert(["+ ch1 +"]) とした場合には+ ch1 +が返ってきます。 javascriptの中でダブルクォーテーションで 囲われた部分は文字列になると認識しているのですが、 なぜ、 (1)alert("[" + ch1 +"]")の場合は アラートで[j]と返ってくるのでしょうか？ ダブルクォーテーションを二回使用しているので そもそもエラーになりそうな気がするのですが・・。 もしよろしければ、ご指導お願い致します。
- ベストアンサー
- JavaScript
- JavaScriptを使う時は、
・・・・・・・・・・・・・・ <HTML> <HEAD> <TITLE> </TITLE> </HEAD> <BODY> <script> alert("test"); </script> </BODY> </HTML> ・・・・・・・・・・・・・・ これでメッセージボックスが表示されるのですが、 なぜ <script type ="text/javascript"> <!-- //--> </script> で括らなくていいのでしょうか？ JavaScriptを使う時は、 <script> </script> だけでもいいのでしょうか？ http://www.pori2.net/js/kihon/4.htmlこのサイトを参考にしました。
- ベストアンサー
- JavaScript
- javascriptで印刷ダイアログを出力すると同時に
javascriptで印刷ダイアログを出力すると同時に setTimeouで一定時間後にアラートを表示していたのですが、 IE8では印刷ダイアログが表示されている時はタイマーが止まってしまうようです。 また、IE6では動作しました。 なにか解決方法はないでしょうか？ 以下がサンプルソースです。 <html> <head> <title>setTimeout</title> <script type="text/javascript"> function aaa() { alert("タイムアウトしました。"); } function func() { setTimeout("aaa()", 5000); window.print(); } </script> </head> <body onload="func()"> aaa </body> </html>
- 締切済み
- JavaScript
お礼
教えていただいた dialog要素 で調べているうちに自己解決致しました。 こちらのサイト様 http://memopad.bitter.jp/web/jQuery/jQueryTools/demos/overlay/modal-dialog.html を発見し、jqueryのjquery.tools.min.jsを参照して試行錯誤したらうまく動きました。 以下が実装ソースになります。 <!DOCTYPE html> <head> <script src="jquery.tools.min.js"></script> <style> .modal { background-color:#fff; display:none; width:350px; padding:15px; text-align:left; border:2px solid #333; opacity:0.8; -moz-border-radius:6px; -webkit-border-radius:6px; -moz-box-shadow: 0 0 50px #ccc; -webkit-box-shadow: 0 0 50px #ccc; } .modal h2 { margin:0px; padding:10px 0 10px 45px; border-bottom:1px solid #333; font-size:20px; } </style> </head> <body> <!-- the triggers --> <p> <button class="test" rel="#click">てすと</button> </p> <!-- dialog --> <div class="modal" id="click"> <h2>閉じるときはOKボタンかESCボタンを押します</h2> <p> てすとてすとてすと </p> <!-- click buttons --> <p> <button class="close">閉じる</button> </p> </div> <script> $(document).ready(function() { var triggers = $(".test").overlay({ mask: { color: '#ebecff', loadSpeed: 200, opacity: 0.9 }, closeOnClick: false }); }); </script> </body> </html> 皆様ありがとうございました。 重ねて御礼申し上げます。
補足
ご回答ありがとうございます。 参照ページより実装を試みましたが、うまくいきません。 CSSの設定及びに何か外部のjsが必要なのでしょうか？ 参照ページ上部の.show() and .close() APIを実装するという項目で <html> <head> </head> <body> <dialog> <p>This is da dialog!</p> <button id="close">Close</button> </dialog> <button id="show">Open Dialog!</button> <script> var dialog = document.querySelector('dialog'); document.querySelector('#show').onclick = function() { dialog.show(); }; document.querySelector('#close').onclick = function() { dialog.close(); }; </script> </body> </html> これだけではうまく動きませんが、上記ソースにどのように追記すれば 動くか御教授お願い申し上げます。 宜しくお願い申し上げます。