- ベストアンサー
イベントハンドラの具体的な使い方と関数名を使った用法を教えてください
- イベントハンドラの具体的な使い方と関数名を使った用法について、いくつかのサイトをご紹介します。
- 例えば、button要素のonclickイベントで特定の関数を呼び出す場合、以下のように記述します。
- <button onclick="関数名"> 関数を呼びましょう </button> <small>onClickイベントで呼ぶ</small>
- nobolk
- お礼率41% (12/29)
- JavaScript
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
関連するQ&A
- Access2003 VBA イベントハンドラ
メインフォームからインスタンス化して色々な用途に使用するサブフォームがあります。 そのフォームにはボタンがついていますが、用途別にインスタンス化するときに、別々のクリックイベントをセットしたいのですが、方法が分かりません。 set subform = New subformの基 subform.button1.OnClick="=関数名" とやると、「イベント プロパティに指定した式 クリック時 でエラーが発生しました：このオブジェクトにはオートメーションオブジェクト'関数名'は含まれません」、と実行時エラーが出ます。 ひょっとして、こういう使い方はできないのでしょうか？
- ベストアンサー
- オフィス系ソフト
- javascriptでonclickに複数関数を割
javascriptでonclickに複数関数を割り当てる場合 HTML内であれば、 <button ... onClick="a1();a2();a3();"> でいけると思いますが javascriptにて function a1() { } function a2() { } window.onload = "a1;a2;" のような記述は駄目でした 一つであれば window.onload = a1; でＯＫですが javascriptでonclickなどに複数関数を割り当てる 書式を教えてください よろしく、お願いします
- ベストアンサー
- その他(ソフトウェア)
- onbeforeunload と aタグの href 属性について
<body onbeforeunload="alert('quit');"> <a href="#" onclick="foo();">教えて！</a> <a href="javascript:foo();">goo</a><br> ↑このように書くと、 「教えて！」をクリックすると、foo()関数のみが実行されますが、 「goo」をクリックすると onbeforeunload のイベントが発生し、alert実行後foo()関数が実行されます。 href に記述した javascript についての詳しい処理内容についてご存知の方がいましたら教えてください。 クリックしたときのこの二つの違いってなんなのでしょうか？？
- ベストアンサー
- JavaScript
- 同名ボタンのクリック時要素番号の取得方法
<html> <head> <script Language="JavaScript"><!-- function doSentaku(btn) { //クリックされたボタンの要素番号が知りたい alert(btn.name); } // --></script> </head> <body> <form name="mainWin"> <input type="button" value="配列ボタンテスト1" name="testbtn" onClick="javaScript:doSentaku(this)"><br> <input type="button" value="配列ボタンテスト2" name="testbtn" onClick="javaScript:doSentaku(this)"><br> <input type="button" value="配列ボタンテスト3" name="testbtn" onClick="javaScript:doSentaku(this)"><br> </form> </body> </html> ----------------------------------------------------------------------------------------- このようなFromがあった場合、nameが同じである時、javaScriptではボタンのElemetは配列扱いになるかと思うのですが、doSentaku関数内ではnameは取得できるとして、クリックされた要素番号は取得できるのでしょうか？ なお、訳ありでdoSentaku関数のボタンonClickの関数引数はすべて同じ定義しかできないものとします。 つまり個々ボタンを識別する値は指定できないと言うことです。 まことに申し訳ありませんが、どうかアドバイスのほどよろしくお願いします。
- ベストアンサー
- JavaScript
- Opera における onload イベントの動作について
Opera における onload イベントの動作について 「その他」が選択されたときのみ、テキストエリアの無効化が解除されるような仕組みを JavaScript で実現したいのですが、Opera 10.53 で期待通りに動作せず、困っています。 内容は、以下の通りです。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="ja"> <head> <title>入力画面</title> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <script type="text/javascript" src="common.js"></script> </head> <body onLoad="testFunc()"> <form action="dummy.html" method="POST" name="myform"> このサイトを知ったきっかけは何ですか？<br> <input type="radio" name="kikkake" value="検索エンジン" id="r1" onClick="testFunc()"> <label for="r1">検索エンジン</label><br> <input type="radio" name="kikkake" value="広告" id="r2" onClick="testFunc()"> <label for="r2">広告</label><br> <input type="radio" name="kikkake" value="口コミ" id="r3" onClick="testFunc()"> <label for="r3">口コミ</label><br> <input type="radio" name="kikkake" value="その他" id="r4" onClick="testFunc()"> <label for="r4">その他</label> <textarea cols="40" rows="5" name="sonota" style="vertical-align: top;"></textarea><br> <input type="submit" value="確認"> </form> </body> </html> ------------------------- common.js の中身は以下の通りです。 function testFunc(){ if(document.myform.kikkake[3].checked == true){ document.myform.sonota.disabled = false; }else{ document.myform.sonota.disabled = true; } } 閲覧者が「確認」ボタンを押した後、入力内容を修正するためにブラウザの「戻る」ボタンでフォームに戻ってくる場合を想定して、onload イベントを設定しています。 しかし、Opera で試したところ、「その他」にチェックを入れた状態で「確認」ボタンを押し、その後にフォームに戻ると、テキストエリアが無効化されたままになってしまいます。 解決方法をご教授いただければ幸いです。
- 締切済み
- JavaScript
- 関数を呼び出すHTMLタグ<body onload="hoge()">について
ほぼ独学でJavaScriptを学んでいるので、一般的なコード（ＨＴＭＬ含め）の書き方が分かりません。 JavaScriptでは、ボタンや画像をクリックすると動作する、 というものが多いですが、そうではなくて、 （それはonclick等で関数を呼び出せば良いことは分かります） 時計のように、アクセスした瞬間から実行されるプログラムを複数書きたい時は、 どのようにするのが妥当でしょうか。 <body onload="hoge()">では、関数hoge()しか実行されないことになりますよね。 そうではなくて、hoge()以外にもいくつかの関数を実行したい時はどうするのが一般的ですか？ ここでＣ言語のように、hoge()をmain関数（int main(void){}）のような扱い方にすると、 hoge()関数内で呼び出されている関数も呼び出されることになりますが、そのような書き方で良いですか？ アクセスの効率の良さから考えて、他に良いやり方はあるでしょうか。 ・・・前に困ったので<body>タグを２つ付けて２つの関数をonloadアトリビュートで呼び出すという、 奇々怪々なことをやってみて、それでIE7,FireFox3で動いていたので驚いたんですが、 そんなやり方はさすがに御法度ですよね(笑)。 答えにくい質問だと思いますが、アドバイスお願いします。
- ベストアンサー
- JavaScript
- javaで name=id［?］ を指定する方法とは？
ショップ運営で、商品一覧から＋－ボタンでそれぞれ数の増減をさせるよう、ほかのサイトを参考にして下記のようにjavascriptで記述してみました。 このうち、商品２と３はボタンが機能したのですが、商品１は数の増減ができません。 おそらく要素名に（name=id[1]）と［］で囲っているからだと思うのですが、この［］を取らないまま、ボタンを機能させる方法はありますでしょうか？ よろしくお願いします。 <FORM> 商品１：<INPUT type=text name=id[1] value=3 size=4> <INPUT type=button value="＋" onClick="plus(this.form.id[1])"> <INPUT type=button value="－" onClick="minus(this.form.id[1])"> <BR> 商品２：<INPUT type=text name=id2 value=3 size=4> <INPUT type=button value="＋" onClick="plus(this.form.id2)"> <INPUT type=button value="－" onClick="minus(this.form.id2)"> <BR> 商品３：<INPUT type=text name=id3 value=3 size=4> <INPUT type=button value="＋" onClick="plus(this.form.id3)"> <INPUT type=button value="－" onClick="minus(this.form.id3)"> </FORM> <SCRIPT language="JavaScript"> <!-- function plus(chk){chk.value++; if (chk.value==6) {chk.value=5} } function minus(chk){chk.value--; if (chk.value==0) {chk.value=1} } // --> </SCRIPT>
- ベストアンサー
- JavaScript
- LiveConnectってIEではだめなの？
LiveConnectを使って、JAVAアプレットとJavaScript間のデータの受 け渡しをしたいのですが、調べているとネスケのみしか使えないよう なことがかかれていました。 実際の所どうなのでしょうか？ ちなみにやり方がわからないので、それも合わせて調べていましたが、 参考になるサンプルがなくてちょっと苦戦しています。 サンプルはなかったものの、Publicで宣言してあれば、JavaScript側 から関数を普通に呼び出せば出来る。という風にかかれていまして、呼 び出してみた所ブラウザの下にエラーと表示されました。 以下のように二つ試してみました。 ※JAVAソース内にShokikaという関数名があるとします 1．ボタンのonClickに直接関数を呼び出す方法 <input type="button" value="リセット" onClick="Shokika()"> 2．JavaScript内で関数を呼び出す方法 <input type="button" value="リセット" onClick="JavaTest()"> <SCRIPT language=JavaScript> <!-- function JavaTest(){ Shokika(); } //-->
- ベストアンサー
- Java
- 別サイトのinnerHTMLをコピーしたい
こんにちは。 別サイトのinnerHTMLをコピーしたいのですが、アクセス拒否されます。 何か良い方法はありませんか？ そもそもできないのでしょうか？？ どなたかご存じの方がいましたらご教授願います。 ☆親フレームHTML ・・・ <frame name="copy" src="copy.html"> <frame name="site" src="http://www.・・・"> ・・・ ☆copy.html ・・・ <head> <script language="JavaScript"> function innerCopy() { window.clipboardData.setData("Text",window.parent.site.document.getElementsByTagName("HTML")[0].innerHTML); } </script> </head> <BUTTON type="button" onclick="innerCopy();">HTMLソースコピー</BUTTON><BR><BR> ・・・
- ベストアンサー
- JavaScript
- setTimeout の動作不良？
setTimeout の中で引用する関数が引用するカッコの中に 引用符で文字列を入れると正常に作動しますが 変数名を入れると、動作が停止してしまうようです。 Win 7 pro 上で、Firefox 、 IE11 の両方で試しましたが どちらも動きませんでした。 おそらく、setTimeout のバグではないかと個人的に考えていますが どのようにして、この問題を解決可能かを 教えて下さい。 <script> function TestA() { setTimeout( "alert('Hello')", 2000) ; } function TestQuote() { var stringQ = 'Hello' setTimeout( "alert(stringQ)", 2000) ; } function TestNoQuote() { var stringQ = 'Hello' setTimeout( alert(stringQ), 2000) ; } </script> </head> <body> <button onclick="TestA()" > Timer 1 </button> <button onclick="TestQuote()" > Timer 2 </button> <button onclick="TestNoQuote()" > Timer 3 </button>
- 締切済み
- JavaScript
お礼
ありがとうございます。askaさんにはお手数かけました。 ココのサイトもいいんですが、マイナーなイベントハンドラがのってなかったのがチョット残念でした。 javascriptでまた分からないことがあれば質問させてもらいます。