[解決済み] タグのonclick属性を起点としたカスタム関数からpreventdefaultを呼び出すためのアクセスイベント
2022-06-04 22:19:40
質問
このようなリンクがあります。
<a href="#" onclick="myfunc({a:1, b:'hi'})" />click</a>
<a href="#" onclick="myfunc({a:3, b:'jo'})" />click</a>
そして、私がやりたいのは
preventDefault()
内部
myfunc()
があるため
#
がアドレスバーに追加されるからです。
が追加されるからです (このとき
return false;
または
href='javascript:void(0);'
)
これは可能でしょうか?
イベントを
myfunc()
どのように解決するのですか?
で渡すことができると思います。
event
をインラインで関数に渡すと、それが
event
オブジェクトになります (つまり、古いバージョンの IE では、イベントハンドラ関数の内部で
window.event
).
簡単な例 .
function sayHi(e) {
e.preventDefault();
alert("hi");
}
<a href="http://google.co.uk" onclick="sayHi(event);">Click to say Hi</a>
- そのまま実行し、アラート後にリンクが Google にリダイレクトされないことに注意してください。
-
次に
event
に渡されたonclick
のような他のハンドラに渡されます。e
をクリックし、アラートの後にリダイレクトが行われることに注意してください (結果ペインが白くなり、リダイレクトが示されます)。
関連
-
[解決済み] 期待される代入または関数呼び出し: 未使用式なし ReactJS
-
[解決済み] リンクのように動作するHTMLボタンを作成する方法
-
[解決済み] セレクタの子を取得する方法は?
-
[解決済み] React-routerのURLを更新したり、手動で書き込んだりするとうまくいかない
-
[解決済み] React jsのonClickはメソッドに値を渡すことができない
-
[解決済み] 要素内のテキストを選択する(マウスでハイライトするようなイメージ)。
-
[解決済み] ドロップダウンメニューが内部でクリックされたときに閉じないようにする
-
[解決済み】Rails 4:ターボリンクで$(document).ready()を使用する方法
-
[解決済み] クリックで画像リンクダウンロード
-
[解決済み】一部のHTMLタグに任意のデータを格納する方法
最新
-
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 実装 サイバーパンク風ボタン
おすすめ
-
JSクロスドメインソリューション リアクト構成 リバースプロキシ
-
要素ツリー制御によるvueTreeテーブル
-
JSアレイループと効率解析の比較
-
Vueにシンプルなメモ帳機能を実装
-
Vueでルートネスティングを実装する例
-
[解決済み】ローカルファイルを開くことができません - Chrome: ローカルリソースの読み込みが許可されていない
-
[解決済み】 `string.split is not a function` というエラーの原因は何ですか?
-
[解決済み】(Google Map API) Geocodeは以下の理由で成功しませんでした。REQUEST_DENIED
-
フロントエンド非同期(アシンク)ソリューション(全ソリューション)
-
JSクリックイベント - Uncaught TypeError: プロパティ 'onclick' に null を設定できません。