• ベストアンサー

javascriptとjqueryをおしえて

下記のようにonclick属性からもしくは、$(funciton(){ });の外からtest()を実行することは できますでしょうか? ご教示ください。 よろしくお願いします。 <p onclick="test()">test1</p> <script> $(function(){ function test(){ } }); </script>

質問者が選んだベストアンサー

  • ベストアンサー
  • fujillin
  • ベストアンサー率61% (1594/2576)
回答No.1

試してみた方が早いと思いますが、できません。 http://d.hatena.ne.jp/replication/20100327/1269789954

tekeshi882
質問者

お礼

自分でもいろいろためしましたが、だめだったのであきらめて 他の方法を考えてみます。 スコープについてのリンク先もとても参考になりました。 ありがとうございました!

全文を見る
すると、全ての回答が全文表示されます。

その他の回答 (1)

  • Ogre7077
  • ベストアンサー率65% (170/258)
回答No.2

以下なら可能です。ちょっと質問内容から外れますが $(function(){ function test(){} $(対象のP要素).click(test); });

tekeshi882
質問者

お礼

ありがとうございました。 参考にさせていただきます!

全文を見る
すると、全ての回答が全文表示されます。

関連するQ&A

  • jQueryでの記述をjavascriptに

    下記のjQueryの記述をライブラリ無しのjavascriptでの記述にしていただきたいです。 imgタグのsrc属性とaタグのhref属性を相対パスから絶対パスに動的に変換させる必要があるのですが、ある事情でjQueryを使えないとの事で困っています。 どうかよろしくお願い致します。 <script type="text/javascript"> $(function(){ $('#hoge').children('img:not([src^=http])').each(function (){ var imgSrc = $(this).attr('src'); $(this).attr('src','http://xxxxxxxxxxxx' + imgSrc); }); $('#hoge').children('a[href^=○○○]').each(function (){ var aHref = $(this).attr('href'); $(this).attr('href','http://xxxxxxxxxxxx' + aHref); }); }); </script>

  • JavascriptとJqueryを混在し記述

    JavascriptとJqueryが混在したスクリプトファイル(.js)の書き方について質問です。 Jquery自体がjavascriptで書かれており結局はjavascriptであるということは理解していますが 気になるので質問させてください。 通常、javascriptの書き方として、スクリプトやその関数定義を1つのjsファイルに書くと思いますが、 Jqueryが混在しても考えは一緒で、ただ、ページが全て読み込まれた後(要素を特定できるようにするため)に実行したい場合の スクリプトを $(function(){ //Jquryや通常のjavascript }); の中にこのように書けばいいって話ですよね? つまり1つのjsファイル内に以下のようにスクリプトを混在させた書き方でもいいのですよね? ===== script.js ====== //(1)Javaスクリプト ←jsファイルが読み込まれたら実行するスクリプト //関数定義 function test(){ //Javaスクリプト } //(2)Jquery ←ページが全て読み込まれた後で実行するスクリプト $(function(){ //Jqueryスクリプト //Javaスクリプト }); 初歩的なことかもしれませんがすいません。

  • Javascriptで教えてください

    下記1だと実行できるのですが、2だと実行できないのはなぜでしょうか 1 <script type="text/javascript"> function OnButtonClick() { alert('クリック'); } $(function () { }) </script> 2 <script type="text/javascript"> $(function () { function OnButtonClick() { alert('クリック'); } }) </script>

  • javascriptの実行の順番

    下記サイトには https://w3g.jp/xhtml/dic/onkeydown 「onkeydown属性, onkeypress属性, onkeyup属性を同一の要素に併せて使用した場合、イベントは onkeydown→onkeypress→onkeyup の順に発生します。」 とありましたので下記サンプルを作成して「a」と入力したところonkeydown, onkeypressは 実行されましたがonkeyupだけ実行されませんでした。onkeyup単独だけなら実行できたのですが なぜonkeyupは実行されないのでしょうか。 【サンプル】 <html> <head> <script> function down() { alert("down"); } function up() { alert("up"); } function press() { alert("press"); } </script> </head> <body>   <input type="text" onkeydown="down();" onkeypress="press();" onkeyup="up();"> </body> </html>

  • javascript 初心者です 関数について

    javascript 初心者です。 下記のスクリプトでmyFunc()の部分に引数をつかって、 function myFunc(arg){ document.arg.src = "pic_b.jpg"; } <p onclick="myFunc('stage')">Bに入れ替え</p> のようにしたいのですが、うまくいきません…。 正しいスクリプトを教えてください。 よろしくお願いします。 <html> <head> <script type="text/javascript"> <!-- function myFunc(){ document.stage.src = "pic_b.jpg"; } --> </script> </head> <body> <p onclick="myFunc()">Bに入れ替え</p> <img src="pic_a.jpg" name="stage"> </body> </html>

  • javascript 初心者です

    javascript 初心者です 設定したグローバル変数を引数に指定したいのですが、うまくいきません。 下記のスクリプトのように書いてみたのですが、○が返ってきてしまいます。 どうすればうまくいくでしょうか?よろしくお願いします。 <html> <head> <script type="text/javascript"> <!-- i = false; function myFunc(hensu){ if(hensu){ alert("○"); } else{ alert("×"); } } --> </script> </head> <body> <p onclick="myFunc('i')">[btn]</p> </body> </html>

  • javascriptにてonclickを無効

    javascriptにてonclickを無効にしたい 下記のように、onclickイベントキャンセルを書きましたが、 onclickのjavascriptが実行されます。 何かヒントはありませんか? <html> <head> <script language="JavaScript"> document.onclick = function(e) { event.returnValue = false; } </script> </head> <body> <a href="a.htm" onclick="alert('onclick');">onclick有り</a> <a href="a.htm">onclick無し</a> </body> </html> ※環境 Windows2000(sp4)+ie6(sp1)

  • 「オブジェクトを指定してください」とのエラー

    お世話になります。 IEにて「オブジェクトを指定してください」とのエラーが発生します。 原因はどこにあるでしょうか?ご教示ください。 また、このような事態に陥らないための対策等をあわせて教えていただけると助かります。下記コード。 <html> <head> <title>test</title> <script type="text/javascript"> function getin(){ test = document.getElementById("output").innnerHTML ; alert test ; } </script> </head> <body> <p id="output"></p> <p><input type="button" value="InnerHTML" onClick="getin()"></p> </script> </body> </html>

  • JQueryでfunctionに引数としてIDを渡して処理する方法

    HTMLの制御にjQueryを使用しています。 functionに引数としてIDを渡して処理をしたいのですが、やりかたが分かりません。 テスト的にtest1Script、test2Scriptを作成しました。 test1と同様の結果を、引数にIDを渡すtest2Scriptでも得たいのですが、 失敗(1)や失敗(2)のように書いた場合、うまくいきません。何か良い方法はないでしょうか。ご教授下さい。 <script type="text/javascript"> function test1Script(){ alert($("#textfield1").val()); } function test2Script(objId){ //alert($("#objId").val()); 失敗(1) //alert($(#objId).val()); 失敗(2) } </script> </head> <body> <input type="text" id="textfield1" value="test1" /> <input type="button" id="button1" value="テスト1" onclick="test1Script();" /> <input type="button" id="button2" value="テスト2" onclick="test2Script('textfield1');" /> </body> </html>

  • アラートの初歩的使いかた

    下記を改造したいのですがうまくいかず。 「やっほ」の部分をscript内でなくonclickのところに「やっほ」と書いてscriptの部分では変数として受け取って表示したいのですが。 質問がうまく通じるかも心配なレベルです。 <script language=javascript><!-- function test(){ alert("やっほ") } //--> </SCRIPT> <A HREF="javascript:function voi(){};voi()" onClick="test()">テスト</A>