お世話になっています、ご質問があります。
以下の場合
--hogeA.html--
<html>
<head>
<script type="text/javascript" src="./**/hogeB.js"></script>
</head>
<body onload="javascript:hoge.init()">
<input type="text" name="hogehoge" value="">
</dody>
</html>
--hogeB.js--
hoge = {
init : function(){
var BodyElement = document.getElementsByTagName('INPUT');
BodyElement.onBlur = this.setOnBlurAction;
},
setOnBlurAction : function(value){
****(省略)****
}
}
上記の場合に、onBlurイベントハンドラ関数を生成し、
画面上でonBlurイベント時にsetOnBlurActionを実行させる予定です。
引数のある関数の場合、動的にイベントハンドラ関数を生成する際はBodyElement.onBlur = this.setOnBlurAction;
では駄目な気が致しますが、どうすれば良いでしょうか。
どなたかご教授願います。
A 回答 (2件)
- 最新から表示
- 回答順に表示
No.2
- 回答日時:
エレメント.ハンドラ = function(){関数名('引数')}
とか、
エレメント.ハンドラ = Function('関数名("'+引数+'")');
とか、でしょうか?
No.1
- 回答日時:
>引数のある関数
この場合、どのようなものを引数として渡そうとしてるのでしょうか?
自分自信に関する物はthis経由で参照できるので、引数渡しする必要は
ないとおもいますけど・・・
//hoge.htm
<script src="hoge.js"></script>
<input type="text" name="hoge1">
<input type="text" name="hoge2">
<input type="text" name="hoge3">
window.onload=function(){hoge.init()}
hoge = {
init : function(){
var BodyElements = document.getElementsByTagName('INPUT');
for(i in BodyElements){
BodyElement=BodyElements[i];
BodyElement.onblur = this.setOnBlurAction;
}
},
setOnBlurAction :function(){
alert(this.value);
}
}
この回答への補足
回答ありがとうございます。
実際に試してみていますが、
onBlurイベントハンドラに暗黙的に関数は入っているのを
ブックマークレットで確認しましたが、
実際にUI側で操作してみても関数が実行されていないようです。
うーむ。。。困った;
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript javascript作成してます。ラジオボタンで判定するコードを書いてます。 1 2023/07/18 11:03
- JavaScript javascriptのちょっとした動作不良(原因は突き止めたのですが) 1 2023/06/15 19:58
- JavaScript HTMLでJavaScriptを使ってパスワードの強化判定のプログラムを作成しています。 一通り作っ 2 2022/10/19 01:41
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- AJAX JavascriptからPHPへのAjax通信でnullが返ってくる 3 2022/08/03 22:00
- JavaScript switch文のswitch(n)の部分を複数の値にするか、if文に変えてほしいです。 1 2022/07/27 17:18
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- JavaScript 以前の質問だと、どの条件でも配列が表示されてしまいます。 1 2022/07/09 11:40
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- JavaScript セレクトボックスを2つ設けて選択して初めてメッセを表示 1 2022/07/27 12:15
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
出発駅A、到着駅Bを選択すると...
-
特定の文字列を複数抜き出した...
-
jsで質問です。 displayプロパ...
-
GASに文字列として関数を入れる...
-
HTMLタグに複数のクラスを設定...
-
画面遷移を行わずに同一ページ...
-
React hooksが値を返して配列変...
-
Googleフォームで選択肢に応じ...
-
変数名をどのようにつけるのが...
-
HTMLで作った時報アプリが動き...
-
Colorboxがうまく設置できません
-
フロントエンドフレームワーク...
-
オブジェクトから任意のプロパ...
-
switch文のswitch(n)の部分を複...
-
var exports = exports || {}; ...
-
ボタンを押したあとに画像を表...
-
disabled プロパティが表示され...
-
Cookieに保存されない
-
コードレビューをお願いします。
-
指定時間になったら、WEBサイト...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
二次元配列の中の各行の要素を...
-
画面遷移を行わずに同一ページ...
-
指定時間になったら、WEBサイト...
-
変数名をどのようにつけるのが...
-
disabled プロパティが表示され...
-
フロントエンドフレームワーク...
-
セレクトを全て選択されていな...
-
特定の文字列を複数抜き出した...
-
ボタンを押したあとに画像を表...
-
読み込んだQRコードをフォーム...
-
配列の1要素を代入した変数を使...
-
出発駅A、到着駅Bを選択すると...
-
React hooksが値を返して配列変...
-
Q&Aの掲示板を作成していてヤフ...
-
jQueryローディングアニメーシ...
-
スマホ上で、左右スワイプで次...
-
【GAS】WEBアプリでハイパーリ...
-
sessionStorageを調べています。
-
オブジェクトから任意のプロパ...
-
追加ボタンを押した際に ok ボ...
おすすめ情報