Home/ Questions/Q 6358515
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-24T23:23:25+00:00

I am willing to create div’s dynamically on double clicking anywhere on the page.

  • 0

I am willing to create div’s dynamically on double clicking anywhere on the page. Can I apply click event to body element?

Here’s what I tried so far:

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

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Yes:

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

    Is there something you tried that didn’t work?

    Responding to your comment,

    “can you tell me whats wrong with this one”

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

    The problem is you’re using a tag selector to look for the document object. jQuery("document") will look for an element in the document called <document>, which doesn’t exist. You need to just pass in the document object, so:

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

    Also, by default a <body> element is only as big as its content, so if you apply the dblclick event to a <body> with no content, only the top-left part of the document will fire the event. Instead, you want to apply it to the document object instead:

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

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

    • 0