jQueryで『すべてのリンクをダブルクリック仕様にするプラグイン 』をつくりました!

デモボタン

ソースダウンロード

jQueryとjDTLinkDoubleClickを読み込んで、実行!


    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" src="js/jdtlinkdoubleclick.js"></script>

    <script type="text/javascript">
    jQuery(function($)
    {
        $("a").jdtLinkDouleClick(
                            {
                                isAnimate: true,
                            });
    });
    </script>

すべてのリンクがダブルクリック仕様になって、面倒なこと間違いなしですね。

さらに今回はオプションまで付けちゃいました。

オプション項目
isAnimate bool値:余計なアニメーション設定。true or falseで指定。デフォルトはfalse。

実装

このプラグインの大事な所は次の数行です。~~;


        //a要素
        this.each(function() 
        {
            //リンクキャンセル
            $(this).attr("onClick","return false;");

            //リンク先取得
            var href = $(this).attr("href");

            //ダブルクリックの動作設定
            $(this).dblclick(function () 
            {
                document.location = href;
            });
        });

すべてのa要素に対して

  1. リンク(onClick)のキャンセル
  2. href属性の値取得
  3. ダブルクリックの挙動

以上です!

今回もメインの実装はあっさり終わったんですが、色々ネタを考えてたら時間がかかってしまいました。