• ベストアンサー

リンクをクリックしたのと同じ動作について

jQueryで、リンクをクリックしたのと同じ動作をする処理は処理できるでしょうか? 次のようなhtmlで、$("p a").click(); と実行しましたが、index.htmlは開きませんでした。 [html] <p><a href="./index.html"></p>

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

  • ベストアンサー
  • warpspace
  • ベストアンサー率56% (83/147)
回答No.4

>できればリンクを擬似的にクリックできたらと思い調べています。 onclickを使うと、ポップアップブロックを回避できるという記事を見かけました。 試してみてはどうでしょうか。

参考URL:
http://sadakitchen.blogspot.jp/2010/11/iefirefox.html
w0a15455
質問者

お礼

回避できることを確認できました。 ありがとうございました。

その他の回答 (3)

  • think49
  • ベストアンサー率59% (285/482)
回答No.3

JavaScriptでリンクをクリックしたときと同じ動作を実装することはできません。 デフォルトアクションを誘発させることは不可能ということです。 実装方法を見直してください。 # Re: w0a15455さん

w0a15455
質問者

お礼

ご回答ありがとうございます。 不可能であれば、実装を見直してみます。

  • warpspace
  • ベストアンサー率56% (83/147)
回答No.2

>クリックを行う動作はどのように実現すれば良いのでしょうか? 具体的にどのような動作を実現したいのですか? 例として、ページAを開いたときに続けて自動的にページBを開く、 またはリロードしたいということですか?

w0a15455
質問者

補足

具体的には、非表示(隠し)リンクをコンボボックスの入れ替え(チェンジ)のタイミングで実行したいと思っています。 コンボボックスのonchangeイベントでwindow.open()で対応しようと思いましたが、IEのポップアップの制限機能にひっかかってしまったので、できればリンクを擬似的にクリックできたらと思い調べています。 説明がへたで申し訳ありませんが、ご理解いただけたでしょうか。 よろしくお願いします。

  • warpspace
  • ベストアンサー率56% (83/147)
回答No.1

clickイベントは、要素がマウスなどのポインティングデバイスでクリックされた場合に 呼び出されます。 したがって、クリックしたのと同じ動作を処理するものではありません。

参考URL:
http://semooh.jp/jquery/api/events/click/fn/
w0a15455
質問者

お礼

ありがとうございます。 click()イベントでは出来ないってことですよね。 クリックを行う動作はどのように実現すれば良いのでしょうか? 出来ないってことでしょうか?

関連するQ&A

  • FireFoxでリンクをクリックしても飛ばない

    ・Firefoxで表示すると、左上にあるリンクをクリックしてもリンク先に飛びません。 (なぜか他のリンクはきちんと飛ぶ) LunascapeでGekkoエンジンにした時も同じ結果です。 ・IE 8.0/9.0 では、正確にリンク先に飛びます ・何かブラウザによって違う動きをするHTMLを書いてしまったのでしょうか? すみません、教えてください。 ---------- そこのところの記述ですが <p> <a href="http://********************.com/">index.htm</a> | <a href="http://********************.com/about_me.htm">About me</a> </p> FireFoxのみ これでリンク先に飛べません。 http://********************.com/index.htm内で 例えば、 <li><a href="**************.htm"> PCs, **********:ミニタワー</a> </li> と記述したところは、どちらのブラウザでもリンク先に飛べます ヒントや解決方法をいただければ幸いに存じます。

    • ベストアンサー
    • HTML
  • webページでシフトを押しながらクリック動作

    webページでシフトを押しながらクリックすると動作するようなタグを書くことは無理ですよね? (例) <A HREF="http://www.yahoo.co.jp/">ヤフー</A> のリンク表示しているところで、 シフトを押しながらクリックすると、別のリンク先に行くとか・・。 こうなるとブラウザの仕様の世界になるのでしょうね。 #ふと疑問が生じたので質問しました。

  • javascriptで#のリンク先を設定する方法

    <a href="#">テスト</a> というリンクにもかかわらず、クリックすると http://hogehoge.jp/ のリンク先に飛ぶリンクを発見しました。 これは一体どうやっているのでしょうか? 多分、javascriptかjqueryを使っていると思うのですが。 Googleで探したのですが、 href="#" で検索しても、検索語でシャープを認識しないので思い通りの検索結果に辿り着くことが出来ませんでした。 どうぞ教えて下さい。

  • Struts html:linkのアンカータグ

     Struts html:linkを次のようにコードを作成していました。  <html:link href="index.jsp" paramId="jump_to" paramName="param" anchor="idss">中略</html:link>  idssというのは、int idss にて変数です。当該ページに移動してリンクを実行すると、  http://localhost:8080/blog/index.jsp?jump_to=20#idssとなりidssの部分をintの値として実行したいにもかかわらず、idssの文字列として認識されてしまいます。 尚、anchorの部分をanchor="20"として、実行しますと正常に動作いたしました。  <A Name~の部分は間違いがないようです。anchor=idssとして、動作しようとすると、引用符が必要ですとエラーが出てしまいます。  idssを使用して、希望する動作を得るためには、どうすればよいのでしょうか。idssを使用しないとすれば、どうすればよいのでしょうか。  皆様のご意見、ご教授をお待ちしております。  宜しくお願い申しあげます

  • アコーディンパネルの別ページからのリンクについて

    こんばんは。 jqueryを使ってアコーディオンパネルを実装したページを作成しました。 通常は全て閉じた状態ですが、 全てのページにパネル1~5へのリンクがあり、それをクリックすると該当のパネルが開いた状態で表示させるには、どんなスクリプトを追加するとよろしいのでしょうか? 以下コードです。 --html(各ページのリンクの部分) <ul> <li><a href="/service/#panel01">パネル1へ</a></li> <li><a href="/service/#panel02">パネル2へ</a></li> ・・・ </ul> --html(アコーディオンパネルの部分 /service/index.html ) <h5 class="trigger" id="panel01"><a href="#">パネル1のタイトル</a></h5> <div class="accblock"> <p>パネル1のコンテンツ</p> </div> <h5 class="trigger" id="panel02"><a href="#">パネル2のタイトル</a></h5> <div class="accblock"> <p>パネル2のコンテンツ</p> </div> (省略) ---js $(document).ready(function(){ $(".accblock").hide(); $("h5.trigger").click(function(){ $(this).toggleClass("active").next().slideToggle("slow"); }); }); location href か hash を使うのかなと思っているのですが うまく使いこなすことができませんでした。 アドバイスをいただけたら助かります。 どうぞよろしくお願いいたします。

  • クリックテキストを次ページに表示

    jqueryにてコードを試していますが行き詰ってしまいました、 どなたかご教授いただけないでしょうか。 <div id="list"> <a href="a.html">100</a> <a href="a.html">200</a> <a href="a.html">300</a> </div> リンクをクリックしたらその内容(100なら100を)がa.htmlに表示できるようにしたいです。 window.openerなどを利用すればいいのでしょうか、、 よろしくお願いします。

  • jqueryでリンクを無効にしたあとに有効にする方法

    jqueryで下記のコードでページ内のリンクを全て無効にしましたが、有効にする方法がわからずに困っております。 どなたかご教授ください。宜しくお願いいたします。 ↓コード↓ $("a[href]").click(function(e){e.preventDefault()}).attr("href","#");

    • ベストアンサー
    • AJAX
  • javascript リンク先の変更

    遅くに失礼致します。 Javascriptで可能かどうかは分からないのですが リンク先を変更する手段を探しています。 現在ホームページを組んでおり、jQueryのスクリプトお導入した所、 リンク先に数値が指定してありその数値を変更したいのですが 変更するとjQueryが動作しなくなり困っております。 html側のソースは <a href="a?x=344&y=-53" class="a_a"><img src="#"></a> <a href="b?x=-50&y=0" class="a_b"><img src="#"></a> 等となっており、 画像をクリックしたら一度 a?x=344&y=-53.html に移動してから自動で別ページへ誘導する事を 考えてみたのですがその様なファイルが作れるはずもなく行き先を失いました。 クリックしてリンクが a?x=344&y=-53 なら ****.html に誘導等といった事はjavascriptで可能なのでしょうか? また、対策として何か方法があるようでしたらご教授頂ければ幸いです。 何卒、宜しくお願い致します。

  • html5を勉強中なのですがリンクがつながりません

    Chromeで実行し、リンクをクリックすると、 「このウェブページは見つかりません   詳細 次の file:///Users/◯◯◯/Desktop/“http//google.com” のウェブページは見つかりませんでした:file:///Users/◯◯◯/Desktop/“http//google.com”」 となってしまいます。どうすればいいでしょうか? コードを貼っておきます。 <!DOCTYPE html> <html lang=“ja”> <head> <meta charset=“utf-8”> <title>初めてのHTML</title> </head> <body> <p>こんにちは。</p> <p><a href=“http//google.com”>Google</a></p> </body> </html>

    • ベストアンサー
    • HTML
  • jqueryによるクリック時のclass名追加

    サイドバーのメニューをクリックした際にどのページか分かるように、クリックしたリンクの色を変えたいと思います。 例えばページAリンクをクリックした際にliタグにid=selectを追加し、 他のリンクにもしid=selectがついている場合は、削除するという処理を jQueryで行いたいのですが、どのように記述すればよろしいでしょうか? 分かる方、ご教授お願いします>< ■HTML ----------------------------------- <div id="sidebar"> <ul> <li><a href="">ページA</a></li> <li><a href="">ページB</a></li> <li><a href="">ページC</a></li> <li><a href="">ページD</a></li> </ul> </div> ■CSS ----------------------------------- #sidebar li a { color: #F00; } #select a { color: #0F0; }

専門家に質問してみよう