[解決済み] <tr> onClick が機能しない
2022-02-18 22:07:49
質問
JSを使ってテーブルの行をリンクにしたいのですが、どうすればいいですか?以下のような感じにしています。
<tr onClick='javascript:window.location.href='url';'>
しかし、クリックしてみても、思うようにページが進みません。実際、クリックしても何の効果もないようです。
何かお手伝いできることはありますか?
編集する
引用文の件ですが、書き忘れましたが、PHPでエコーしています。以下は私の更新したコードです。
echo "<tr onClick='window.location.href='url?id=" . $var . "';'></tr>";
のようなエスケープを行う必要があります。
/"
この場合は?
どのように解決するのですか?
まず最初に。
いいえ
javascript:
イベントハンドラ内
- には、URLではなく、JavaScriptのコードが含まれています。これは
javascript:
はこの場合ラベルなので、シンタックスエラーにはなりません。
さらに、適切なシンタックスハイライト機能を持つエディタであれば、HTML属性と属性内部でシングルクォートを使用しているため、クォート違反であることを示すことができるはずです。
以下は修正後のコードです。
<tr onclick="window.location.href = 'url';">
その上、インラインイベントハンドラは汚いです。jQueryを使ってきれいにくっつけるのがベターだ。
$('tr').click(function() {
location.href = 'url';
});
関連
-
[解決済み] jQueryで、ユーザーがそのフィールドを編集している間、テキストフィールドの最初の文字を大文字にするにはどうすればよいですか?
-
[解決済み] とは何ですか! (not not)演算子とは何ですか?
-
[解決済み] 私のJavaScriptコードは "No 'Access-Control-Allow-Origin' header is present on requested resource "というエラーを受け取りますが、Postmanはそうならないのはなぜですか?
-
[解決済み] URLを新しいタブで開く(新しいウィンドウではない)
-
[解決済み] addEventListenerとonclickの比較
-
[解決済み] React jsのonClickはメソッドに値を渡すことができない
-
[解決済み] RecyclerView onClick
-
[解決済み] jQuery.click()とonClickの比較
-
[解決済み] CSSでonclick効果を持たせることはできますか?
-
[解決済み] デベロッパーツールを使って、Chromeのボタンや要素で実行されるコードを調べる方法
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】webpack: モジュールが見つかりません。Error: 解決できない(相対パスで)
-
[解決済み】XMLHttpRequestモジュールが定義されていない/見つからない
-
[解決済み】JavaScriptのボタンonclickが機能しない
-
[解決済み】JavaScript ランタイムエラー:'$'が未定義です。
-
[解決済み】DOMException: サポートされているソースが見つからなかったため、読み込みに失敗しました。
-
[解決済み】リソースはドキュメントと解釈されるが、MIMEタイプはapplication/zipで転送される
-
[解決済み】Kendo Observable Bindingと併用する場合、Kendo Switch Labelsを変更することは可能ですか?[Kendo-UI]です。
-
[解決済み】WebSocket接続に失敗しました。WebSocket のハンドシェイク中にエラーが発生しました。予期しない応答コードです。400
-
[解決済み】このオブジェクトの "forEach "はなぜ関数でないのですか?
-
[解決済み】SyntaxError: 期待された式が、'<'を得た。