下記のhtmlを入れると、添付ファイルのようにブラウザで表示され
「Copy」を押すとテキストをコピーできます。
この「Copy」を「サイト」に変えて、ボタンを押すとコピーでなくサイトへ新しいタブでページを開くようにしたいのですが、
どのように直せばよろしいでしょうか?
<p>サイト名<br><input type="text" value="" style="width:70%" id="text1"><button class="btn" type="button" data-clipboard-demo data-clipboard-target="#text1">Copy</button></p>
A 回答 (1件)
- 最新から表示
- 回答順に表示
No.1
- 回答日時:
推測するに、
data-clipboard-demo の属性を持つ要素に対して
イベント処理を設定するスクリプトが存在する筈なので、
同じように「サイトへ新しいタブでページを開く」ための
イベント処理を設定するスクリプトを書きましょう。
参考資料)
特定の属性を持つ要素を探す
https://developer.mozilla.org/ja/docs/Web/API/Do …
https://developer.mozilla.org/ja/docs/Web/CSS/At …
要素にイベント処理を設定する
https://developer.mozilla.org/ja/docs/Web/API/Ev …
https://developer.mozilla.org/ja/docs/Web/API/El …
要素の入力値を読み取る
https://developer.mozilla.org/ja/docs/Web/HTML/E …
新しいタブで開く
https://developer.mozilla.org/ja/docs/Web/API/Wi …
target 引数に "_blank" を指定する
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript javascriptのちょっとした動作不良(原因は突き止めたのですが) 1 2023/06/15 19:58
- JavaScript 付属の写真のようにエラーが出るようにしたいです。 提示したコードだけでは、エラーメッセージ文字が上の 1 2021/11/23 08:27
- PHP 日付と年月日を選択するコードを書いているのですが、セレクトボックスの中に、「曜日」を表示させたいので 3 2021/12/10 09:20
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- JavaScript 【JavaScript】検索がヒットした場合、プルダウンをオープンで表示させる方法 2 2023/09/06 14:02
- HTML・CSS CSSが効かずどのように指定すれば良いか分からないのでアドバイスお願い致します 2 2023/06/07 12:25
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- JavaScript javascriptとPHPで入力フォームのコードを書いているのですが、 流れとしては、①入力フォー 2 2021/12/02 09:18
- JavaScript html selectの内容を初期値に戻す 2 2021/11/10 18:29
このQ&Aを見た人はこんなQ&Aも見ています
-
性格の違いは生まれた順番で決まる?長男長女・中間子・末っ子・一人っ子の性格の傾向
同じ環境で生まれ育っても、生まれ順で性格は違うものなのだろうか。家庭教育研究家の田宮由美さんに教えてもらった。
-
htmlの修正方法を教えていただきたいです。
HTML・CSS
-
[初心者]javascriptのfor文でなぜか繰り返し処理をしない。理由がわかりません。
JavaScript
-
本を見ながらPHPを勉強している初心者です。 今困っていること。 本番環境とローカル環境の差で困って
MySQL
-
-
4
ホームページの事でおしえてください
CGI
-
5
javascriptの値をformのinput hiddenに入れたい
JavaScript
-
6
類似ページ複数作るのはどう?
SEO
-
7
SFTPなどは使わないホームページやプログラムファイルの公開方法
PHP
-
8
HTML中で,<!--と-->で囲まれた範囲はどれですか? 教えてくださいお願いします
HTML・CSS
-
9
プログラマーがHTMLとCSSでウェブデザインをするのは大人の幼稚園なんじゃないかと思い込んでる
その他(プログラミング・Web制作)
-
10
WordPressで画面還移なしの掲示板を作成する方法が分かりませんアドバイスお願い致します。
AJAX
-
11
javascriptでbgmを自動再生する方法を教えてください。
JavaScript
-
12
オフィスを安くインストールする方法を教えて下さい 自治会で持ち回りする9台のパソコンをオフィス無しで
Word(ワード)
-
13
Linux のシェルスクリプトの強制終了の仕方について
UNIX・Linux
-
14
htmlのエラーについて(デバッグ)
PHP
-
15
ボタンが押されたらWebページの文字コードを 変える、というプログラミングを書きたいです。 目的は文
HTML・CSS
-
16
【JavaScript?HTML?】Webページでこのページは戻ることは出来ませんと表
JavaScript
-
17
かっこいいウェブを作るテク
HTML・CSS
-
18
私製葉書で出す年賀状には 切手の下に 『年賀』と書かなければいけませんが 年賀の文字は赤色でなければ
年賀状作成・はがき作成
-
19
これの対応OSを教えて下さい。php-8.3.0-src.zip
PHP
-
20
JavascriptでXSSの脆弱性への対策を行いたい
JavaScript
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
sublimit textっていうエディタ...
-
文字列を日付型情報として計算...
-
エクセルVBA 文字列の分解について
-
テキストボックスかラベル上の...
-
RichTextBoxで指定行の色を自動...
-
他のフォームから別のフォーム...
-
ClickとChangeイベントの違いは...
-
C言語のサフィックスについて
-
【VB.NET】テキストボックスに...
-
プログラムの素朴な質問です 分...
-
演奏記号の・・・・
-
Functionの戻り値を配列にした...
-
アクセスできない保護レベルエ...
-
VB.NETでのイベントの途中終了
-
visual basic初心者です。 visu...
-
Vba 電卓のテキストボックスに...
-
VBA public変数はどのようなこ...
-
パーソナルXLSBのfuctionを呼び...
-
プロシージャを呼び出したプロ...
-
三項でたとえば交換って
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
sublimit textっていうエディタ...
-
テキストボックスかラベル上の...
-
ExcelのVBAで文章にある複数の...
-
htmlの修正方法を教えていただ...
-
Pythonのre.split()の正規表現...
-
ボールの動きがスムーズに動い...
-
vba 日本語以外を抽出について
-
【VBS】クリップボード操作につ...
-
htmlの修正方法を教えていただ...
-
DTPicker テキストクリアの方法
-
ReadParseで同名のinput名は配...
-
WORd VBA 文章を単語に分解する
-
XMLファイルのattribute値がう...
-
Googleシート「A1」でなくて「A...
-
RichTextBoxで指定行の色を自動...
-
Pythonでのstrip()とsplit()の...
-
CASL2 命令の2語と3語の違い
-
フォーム、サブフォーム間のデ...
-
[VB6] SQLの作成について
-
アクセスのフィールドに値をペ...
おすすめ情報