行を壊さずにテキストにonclickイベントを追加する

SoftTimur

onclick(ハイパーリンクではなく)イベントをテキストに追加する必要があります。しかし、pタグを使用すると、線が途切れます。

ここに画像の説明を入力してください

これがコードとJSBinです。誰か助けてもらえますか?

<!DOCTYPE html>
<html>
  <body>
    See our <p onclick="openWindow()" style="cursor: pointer; color:blue">support page</p> and other things...
    <script>
      function openWindow() {
      window.open("https://www.google.com");
      }
    </script>
  </body>
</html>
Jaqen h'ghar

実際にはを使用する必要があります<a>

引き続き使用できますonclick与えるだけhref="#"

See our <a onclick="openWindow();" href="#">support page</a> and other things...
  1. 意味的に正しい

  2. のスタイリングオーバーヘッドを節約します <span>

  3. <a>ページ内の要素をグローバルにスタイル設定すると、そのスタイルも取得されます。

サイドノート

(例のように)新しいタブでリンクを開くことが唯一の目的である場合はtarget、JSの代わりにを使用してください

See our <a target="_blank" href="https://www.google.com">support page</a> and other things...

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

c#onclickイベントが終了するのを待たずにテキストを追加

分類Dev

エディタを開かずにテキストファイルに行を追加するコマンド

分類Dev

TextChangedイベントを発生させずにTextboxテキストを変更する

分類Dev

クリック イベントを実行せずに、ある編集テキスト値を別の編集テキストに表示する方法

分類Dev

何も壊さずにマテリアルコンポーネントにカスタムスタイルを追加する方法

分類Dev

テキストコンテンツ自体を壊さずに一部のテキストの一部にCSSを適用する方法

分類Dev

要素を使用してホバーするとテキストが変更されたときに、onclickイベントのテキストを取得します

分類Dev

動的に追加されたボタンのonclickイベントを追加する方法

分類Dev

キーボード入力イベントをトリガーして、テキストエリアの次の行にインデントを追加する方法

分類Dev

JavaScriptで新しく追加された要素にonclickイベントを追加する

分類Dev

動的に生成されたHTML要素にonclickイベントを追加する方法

分類Dev

テキストの一部にOnClickイベントを追加するにはどうすればよいですか?

分類Dev

キャストせずに実行時にインターフェイスをテストする

分類Dev

JS行が動的に追加されるリストにイベントを追加する

分類Dev

Onclickイベントで動的に追加された編集テキストandroidで編集テキスト値を設定できません

分類Dev

Javaテキストファイルを1行ずつ読み取り、その行のテキストを個別に取得する方法(長さテキスト)

分類Dev

トラッキング/カーニング/文字間隔を壊さずにiOS(SwiftまたはObjective-C)でテキストを正当化する

分類Dev

イベントリスナーを壊さずにhtmlを置き換えるためのjQueryの代替

分類Dev

Pythonコードのインデントを壊さずに表示するために複数のリテラル行を配置する方法はありますか?

分類Dev

jQueryを使用して動的にonClickイベントを追加する

分類Dev

C#WPF DataGrid:DataGrid iteslfを壊さずにDataGridセル内のペイントテキストに色を付ける方法は?

分類Dev

javascriptで作成されたimg要素にonclickイベントを追加する方法

分類Dev

このボタンに `onclick`イベントを追加する方法

分類Dev

#EmberJsテキストボックスにkeyupまたはkeydownイベントに遅延を追加する

分類Dev

Knitr:spin-すべての行に手動で# 'を追加せずにテキストを追加する方法は?

分類Dev

行間にスペースを追加せずにテキストの後に画像を配置する

分類Dev

onClickイベントをJavaScript forループに追加する

分類Dev

CKEditoriframeにonClickイベントを追加する方法

分類Dev

Javascript変数にonClickイベントを追加する方法

Related 関連記事

  1. 1

    c#onclickイベントが終了するのを待たずにテキストを追加

  2. 2

    エディタを開かずにテキストファイルに行を追加するコマンド

  3. 3

    TextChangedイベントを発生させずにTextboxテキストを変更する

  4. 4

    クリック イベントを実行せずに、ある編集テキスト値を別の編集テキストに表示する方法

  5. 5

    何も壊さずにマテリアルコンポーネントにカスタムスタイルを追加する方法

  6. 6

    テキストコンテンツ自体を壊さずに一部のテキストの一部にCSSを適用する方法

  7. 7

    要素を使用してホバーするとテキストが変更されたときに、onclickイベントのテキストを取得します

  8. 8

    動的に追加されたボタンのonclickイベントを追加する方法

  9. 9

    キーボード入力イベントをトリガーして、テキストエリアの次の行にインデントを追加する方法

  10. 10

    JavaScriptで新しく追加された要素にonclickイベントを追加する

  11. 11

    動的に生成されたHTML要素にonclickイベントを追加する方法

  12. 12

    テキストの一部にOnClickイベントを追加するにはどうすればよいですか?

  13. 13

    キャストせずに実行時にインターフェイスをテストする

  14. 14

    JS行が動的に追加されるリストにイベントを追加する

  15. 15

    Onclickイベントで動的に追加された編集テキストandroidで編集テキスト値を設定できません

  16. 16

    Javaテキストファイルを1行ずつ読み取り、その行のテキストを個別に取得する方法(長さテキスト)

  17. 17

    トラッキング/カーニング/文字間隔を壊さずにiOS(SwiftまたはObjective-C)でテキストを正当化する

  18. 18

    イベントリスナーを壊さずにhtmlを置き換えるためのjQueryの代替

  19. 19

    Pythonコードのインデントを壊さずに表示するために複数のリテラル行を配置する方法はありますか?

  20. 20

    jQueryを使用して動的にonClickイベントを追加する

  21. 21

    C#WPF DataGrid:DataGrid iteslfを壊さずにDataGridセル内のペイントテキストに色を付ける方法は?

  22. 22

    javascriptで作成されたimg要素にonclickイベントを追加する方法

  23. 23

    このボタンに `onclick`イベントを追加する方法

  24. 24

    #EmberJsテキストボックスにkeyupまたはkeydownイベントに遅延を追加する

  25. 25

    Knitr:spin-すべての行に手動で# 'を追加せずにテキストを追加する方法は?

  26. 26

    行間にスペースを追加せずにテキストの後に画像を配置する

  27. 27

    onClickイベントをJavaScript forループに追加する

  28. 28

    CKEditoriframeにonClickイベントを追加する方法

  29. 29

    Javascript変数にonClickイベントを追加する方法

ホットタグ

アーカイブ