[解決済み】jQueryの.click - ユーザー関数にパラメータを渡す
2022-04-16 11:12:54
質問
jQueryの.clickを使ってパラメータ付きの関数を呼び出そうとしているのですが、うまくいきません。
このように動作させたいのです。
$('.leadtoscore').click(add_event('shot'));
を呼び出す。
function add_event(event) {
blah blah blah }
このように、パラメータを使わなければうまくいくのですが。
$('.leadtoscore').click(add_event);
function add_event() {
blah blah blah }
しかし、パラメータを自分の
add_event
関数を使用します。
具体的にどうすればいいのでしょうか?
を使うことができるのは知っています。
.click(function() { blah }
が、私は
add_event
関数を複数個所から実行したいので、このようにします。
どのように解決するのですか?
この解決策は、jQueryのバージョン1.4.3から導入された機能の一部です。 クリックイベントハンドラ
これは、イベントオブジェクトにデータマップを渡すことができ、それが自動的にjQueryによってイベントハンドラ関数に最初のパラメータとしてフィードバックされます。データマップは
.click()
関数を最初のパラメータとして、その後にイベントハンドラ関数が続きます。
以下は、私が言いたいことを説明するためのコードです。
// say your selector and click handler looks something like this...
$("some selector").click({param1: "Hello", param2: "World"}, cool_function);
// in your function, just grab the event object and go crazy...
function cool_function(event){
alert(event.data.param1);
alert(event.data.param2);
}
今更な質問ですが、過去の回答からこの解答にたどり着きましたので、いつか誰かのお役に立てれば幸いです
関連
-
[解決済み] Uncaught TypeError: 未定義のプロパティ 'top' を読み込めない
-
[解決済み】 Uncaught Error: Invariant Violation: 解決済み】 Uncaught Error: Invariant Violation: Element type is invalid: expected a string (for built-in components) or a class/function but got: object.
-
[解決済み】Jestが予期しないトークンに遭遇した
-
[解決済み] event.preventDefault() vs. return false
-
[解決済み] 変数を参照渡しする方法を教えてください。
-
[解決済み] jQueryの「exists」関数はありますか?
-
[解決済み] パラメータに**(ダブルスター/アスタリスク)、*(スター/アスタリスク)がありますが、これはどういう意味ですか?
-
[解決済み] コールバック内で正しい `this` にアクセスする方法
-
[解決済み] テキストボックスのEnterキーで、JavaScriptでボタンクリックをトリガーする
-
[解決済み] JavaScriptの関数をパラメータとして渡す
最新
-
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 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】Heroku:ノードアプリで「このアプリにはデフォルトの言語が検出されませんでした」エラーがスローされる
-
[解決済み】React Js: Uncaught (in promise) SyntaxError: 位置 0 の JSON で予期しないトークン < が発生しました。
-
[解決済み】Uncaught ReferenceError: angular is not defined - AngularJSが動作しない。
-
[解決済み】Uncaught TypeError: nullのプロパティ'value'を読み取ることができない
-
[解決済み】コンソールがUnterminated JSX contentsエラーを投げる【終了しました
-
[解決済み] [Solved] Uncaught TypeError: nullのプロパティ 'appendChild' を読み取ることができない。
-
[解決済み】エラー:リスン EACCES 0.0.0.0:80 OSx Node.js
-
[解決済み】Uncaught SyntaxError: JSON の位置 0 に予期しないトークン u があります。
-
[解決済み】JavaScriptで相対URLへのリダイレクトを行う
-
[解決済み] Uncaught TypeError: Cannot create property 'guid' on string ' [duplicate] (文字列のプロパティ 'guid'を作成できない)。