{"id":3932,"date":"2021-12-01T13:40:10","date_gmt":"2021-12-01T04:40:10","guid":{"rendered":"https:\/\/donmeru.com\/help\/?p=3932"},"modified":"2021-12-01T13:41:17","modified_gmt":"2021-12-01T04:41:17","slug":"copy-btn","status":"publish","type":"post","link":"https:\/\/help.donmeru.com\/copy-btn\/","title":{"rendered":"\u30d1\u30b9\u30ef\u30fc\u30c9\u306e\u30ef\u30f3\u30bf\u30c3\u30d7\u30b3\u30d4\u30fc\u3092\u63d0\u4f9b\u3059\u308b"},"content":{"rendered":"\n
\u76ee\u6b21 \u8868\u793a<\/span><\/p>\n vimeo\u52d5\u753b\u306a\u3069\u306e\u30d1\u30b9\u30ef\u30fc\u30c9\u3092\u52d5\u753b\u4e0b\u306b\u7f6e\u3044\u3066\u3001\u30ef\u30f3\u30bf\u30c3\u30d7\u3067\u7c21\u5358\u306b\u30b3\u30d4\u30fc\u3067\u304d\u308b\u6a5f\u80fd\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002<\/p>\n\n\n\n \u2460\u3092\u30bf\u30c3\u30d7\u3059\u308b\u3068\u30c6\u30ad\u30b9\u30c8\u3092\u9078\u629e\u53ef\u80fd\u306b <\/p>\n\n\n\n \u3053\u3061\u3089\u306e\u30b3\u30fc\u30c9\u3092\u30b3\u30d4\u30fc\u3057\u307e\u3059\u3002
<\/figure>\n\n\n\n
\u2461\u3092\u30bf\u30c3\u30d7\u3059\u308b\u3068\u30b3\u30d4\u30fc\u3055\u308c\u307e\u3059\u3002
\u305d\u306e\u5f8c\u52d5\u753b\u306a\u3069\u306e\u30d1\u30b9\u30ef\u30fc\u30c9\u5165\u529b\u6b04\u306b\u5f35\u308a\u4ed8\u3051\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<\/figure>\n\n\n\n
<!-- \u30d1\u30b9\u30ef\u30fc\u30c9\u306e\u30ef\u30f3\u30bf\u30c3\u30d7\u30b3\u30d4\u30fc\u7528JS \u3053\u3053\u304b\u3089 -->\n<script src=\"https:\/\/cdn.jsdelivr.net\/clipboard.js\/1.5.13\/clipboard.min.js\"><\/script>\n \n<script>\nvar clipboard = new Clipboard('.copy_btn'); \/\/clipboard.min.js\u304c\u52d5\u4f5c\u3059\u308b\u8981\u7d20\u3092\u30af\u30e9\u30b9\u540d\u3067\u6307\u5b9a\n \n\/\/\u30af\u30ea\u30c3\u30af\u3057\u305f\u3068\u304d\u306e\u6319\u52d5\n$(function(){\n $('.copy_btn').click(function(){\n $(this).text('\u30b3\u30d4\u30fc\u3057\u307e\u3057\u305f'); \/\/\u30c6\u30ad\u30b9\u30c8\u306e\u66f8\u304d\u63db\u3048\n });\n});\n<\/script>\n<!-- \u30d1\u30b9\u30ef\u30fc\u30c9\u306e\u30ef\u30f3\u30bf\u30c3\u30d7\u30b3\u30d4\u30fc\u7528JS \u3053\u3053\u307e\u3067 --><\/code><\/pre>\n<\/div>
\u25bc\u30d1\u30b9\u30ef\u30fc\u30c9\u306f\u4ee5\u4e0b\u3092\u30b3\u30d4\u30fc\u8cbc\u308a\u4ed8\u3051\u3057\u3066\u304f\u3060\u3055\u3044\u3002<br \/>\n<div class=\"input-group\" style=\"max-width:300px;\">\n<input type=\"text\" value=\"\u2605PASS\u2605\" class=\"form-control\" onclick=\"this.select();\">\n<div class=\"input-group-btn\">\n<a class=\"btn btn-success copy_btn\" data-clipboard-text=\"\u2605PASS\u2605\">\u30b3\u30d4\u30fc<\/a>\n<\/div>\n<\/div><\/code><\/pre>\n\n\n\n
\u2605PASS\u2605 \u3068\u66f8\u304b\u308c\u305f\u3068\u3053\u308d\u3092\u30d1\u30b9\u30ef\u30fc\u30c9\u306b\u3057\u307e\u3059\u3002<\/p>\n<\/div>