下記の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も見ています
-
風水の観点で選ぶ観葉植物とは?置き場所や上げたい運気ごとの注意点を紹介!
観葉植物で運気をアップするコツを、風水デザイン1級建築士の福島昌彦さんに伺った。
-
htmlの修正方法を教えていただきたいです。
HTML・CSS
-
[初心者]javascriptのfor文でなぜか繰り返し処理をしない。理由がわかりません。
JavaScript
-
ホームページの事でおしえてください
CGI
-
-
4
javascriptの値をformのinput hiddenに入れたい
JavaScript
-
5
これの対応OSを教えて下さい。php-8.3.0-src.zip
PHP
-
6
類似ページ複数作るのはどう?
SEO
-
7
私製葉書で出す年賀状には 切手の下に 『年賀』と書かなければいけませんが 年賀の文字は赤色でなければ
年賀状作成・はがき作成
-
8
かっこいいウェブを作るテク
HTML・CSS
-
9
HTML電卓で1文字消す方法
HTML・CSS
-
10
HTML中で,<!--と-->で囲まれた範囲はどれですか? 教えてくださいお願いします
HTML・CSS
-
11
プログラマーがHTMLとCSSでウェブデザインをするのは大人の幼稚園なんじゃないかと思い込んでる
その他(プログラミング・Web制作)
-
12
WordPressで画面還移なしの掲示板を作成する方法が分かりませんアドバイスお願い致します。
AJAX
-
13
中1です。 学校で配布されたタブレットで社会の宿題の課題をしてたら、お祖父様がいらっしゃって、タブレ
その他(家族・家庭)
-
14
javascriptでbgmを自動再生する方法を教えてください。
JavaScript
-
15
パソコンのことで質問です 知り合いから譲り受けたノートパソコンです。 Windows8でWindow
その他(セキュリティ)
-
16
Linux のシェルスクリプトの強制終了の仕方について
UNIX・Linux
-
17
オフィスを安くインストールする方法を教えて下さい 自治会で持ち回りする9台のパソコンをオフィス無しで
Word(ワード)
-
18
ボタンが押されたらWebページの文字コードを 変える、というプログラミングを書きたいです。 目的は文
HTML・CSS
-
19
htmlのエラーについて(デバッグ)
PHP
-
20
パンク修理3000円て高くないですか?
車検・修理・メンテナンス
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
sublimit textっていうエディタ...
-
[VB6] SQLの作成について
-
Pythonのre.split()の正規表現...
-
VBA public変数はどのようなこ...
-
C#のループでtextboxに値を入れ...
-
visual basic初心者です。 visu...
-
プログラムの素朴な質問です 分...
-
Functionの戻り値を配列にした...
-
Excel VBAでsub,dimは何の略?
-
VBSのプログラム
-
リストビューの列ヘッダーの幅...
-
エクセルVBAでテキストボッ...
-
レコードセットにnullの場合
-
二点の座標から距離や角度を求...
-
VB.NETでのイベントの途中終了
-
ユーザーフォームへのデータ入...
-
GetNextWindowがDLLファイルUse...
-
C言語のサフィックスについて
-
他のフォームから別のフォーム...
-
String型の値にスラッシュをつ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
sublimit textっていうエディタ...
-
ExcelのVBAで文章にある複数の...
-
テキストボックスかラベル上の...
-
【VBS】クリップボード操作につ...
-
RichTextBoxで指定行の色を自動...
-
vba 日本語以外を抽出について
-
文字列を配列に…。
-
Pythonのre.split()の正規表現...
-
VBスクリプトでファイルのコピ...
-
VB6.0 sp5]テキストボックスと...
-
文字列を日付型情報として計算...
-
XMLファイルのattribute値がう...
-
VBScript、ClipboardDataオブジ...
-
[VB6] SQLの作成について
-
Visual Basicについてお聞きし...
-
表の文字の均等割りについて
-
perlによるxmlファイルの取得
-
Googleシート「A1」でなくて「A...
-
HTMLのデータ読み取り
-
サンプルプログラムをコンパイ...
おすすめ情報