2011-08-20 10 views
0

私は、ページのどこかをダブルクリックしてdivを動的に作成したいと考えています。 body要素にclickイベントを適用できますか?body要素にclickイベントを適用できますか?

は、ここで私はこれまで試したものです:

jQuery("document").ready(function(){ 
    alert("click"); 
    jQuery("body").dblclick(function(event){ 
     alert("click"); 
    }); 
}); 
+0

ええ、はい...なぜ、ちょうどそれを試してみませんか?編集:他の方法で言わない限り、すべてのイベントがバブルアップすることを覚えておいてください) – Pelshoff

答えて

1

はい:

// Example, needs some IE compatibility work 
document.body.ondblclick = function (evt) { 
    createNewDiv(evt.pageX, evt.pageY); 
} 

は動作しませんでしたあなたがしようとした何かがありますか?


あなたのコメントを受けて、あなたがタグセレクタを使用している

jQuery("document").ready(function(){ alert("click"); jQuery("body").dblclick(function(event){ alert("click"); }); }); 

問題がある

は "いただきました!間違ってこの1とあなたが私に言うことができます"ドキュメントオブジェクトを探す。 jQuery("document")は、存在しない<document>という文書内の要素を探します。あなたはちょうどそう、文書オブジェクトに渡す必要があります:

jQuery(document).ready(function(){ 
    alert("click"); 
    jQuery("body").dblclick(function(event){ 
     alert("click"); 
    }); 
}); 

また、あなたがいないコンテンツで<body>dblclickイベントを適用するかのように、デフォルトで<body>要素は、その内容としてだけ同じ大きさ、のみドキュメントの左上部分がイベントを発生させます。代わりに、あなたの代わりにdocumentオブジェクトに適用したい:

jQuery(document).dblclick(function(event){ 
    alert("click"); 
}); 

例:http://jsfiddle.net/a4DKC/2/

+0

jQuery( "document"){ アラート( "クリック"); jQuery( "body")dblclick(function (イベント){ アラート( "クリック"); }); });これで間違っていることを教えてください。 –

+0

@sushil:それはなぜ動作していないのかに関する私の更新された答えを見てください。 –

+0

私はそれをまだ変更しました。それでも、体のdblクリックでアラートを出しません。私もこのフィーリングを作成しましたhttp://jsfiddle.net/a4DKC/1/ –

関連する問題