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(&quot;href&quot;);
			
		//ダブルクリックの動作設定
		$(this).dblclick(function () 
		{
			document.location = href;
		});
	});

すべてのa要素に対して

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

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