![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
下記の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>
![「htmlの修正方法を教えていただきたいで」の質問画像](http://oshiete.xgoo.jp/_/bucket/oshietegoo/images/media/1/989646_65496d27d851b/M.png)
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も見ています
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
[VB6] SQLの作成について
-
テキストボックスかラベル上の...
-
phpのsetTextで変数の使用
-
Googleシート「A1」でなくて「A...
-
VBA public変数はどのようなこ...
-
他のフォームから別のフォーム...
-
Functionの戻り値を配列にした...
-
C#のループでtextboxに値を入れ...
-
String型の値にスラッシュをつ...
-
subsequentとnextの違いってな...
-
【VB.NET】テキストボックスに...
-
【VB6.0】 あるフォームから他...
-
VB.NETでのイベントの途中終了
-
タイムアウトする仕組みを作りたい
-
HTML + VBScript で Sleep でき...
-
合計値の反映
-
Vba テキストボックスの文字列...
-
ClickとChangeイベントの違いは...
-
エクセルVBAでテキストボッ...
-
ドラゴン曲線を再帰で書く
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ExcelのVBAで文章にある複数の...
-
テキストボックスかラベル上の...
-
RichTextBoxで指定行の色を自動...
-
[VB6] SQLの作成について
-
ReadParseで同名のinput名は配...
-
DTPicker テキストクリアの方法
-
sublimit textっていうエディタ...
-
Googleシート「A1」でなくて「A...
-
Can you text me your business...
-
vba 日本語以外を抽出について
-
文字列を配列に…。
-
フォームのテキストボックス内...
-
【VBS】クリップボード操作につ...
-
VB2010 シリアル通信の文字列...
-
「Thanks 4 sending me」←誤文?
-
XMLファイルのattribute値がう...
-
PHP GDでテキストを含む最小の...
-
助けてください!
-
EXCELからWORDの文章を取得
-
VB6.0 sp5]テキストボックスと...
おすすめ情報