HTML・CSS・Javascriptを使って、テキストボックス内の任意の文字をコピーさせる。
とっても簡単だったので、こちらを参考にしました。↓
参考にしたサイト
font awesomeを使っていたので、文字だけにしたのと
カクカクっとした見た目にしたかったので少し変更。
See the Pen クリックでコピー by s w (@s-w-the-scripter) on CodePen.
cawaii!!!!
2025年5月追記。
本当に本当に、最近はAIの進化がとめどないですね。
簡単なJavaScriptなんて、もうAIに聞けば一発でぽーんですよぽーん。覚える必要あるのか？っと思うくらいに。
ということで、クリックでコピーできるやつを、Geminiに頼んでみました。
See the Pen Gemini版クリックでコピー by s w (@s-w-the-scripter) on CodePen.
これ。
プロンプトはなんと、
「フォームに書いてある文字をクリックしたらコピーするソースがほしい。」
これだけ。
丁寧に、こんな感じで↓コードの解説もしてくれてだよ。
しかもボタンだけじゃなく、フォーム自体をクリックしてもコピーされる仕様。
もう少しこうしてほしい、っていう要望も、文句も言わずに答えて修正してくれますよ。笑
おためしあれ〜😄