Use JavaScript to make a
tag dynamically and then adds code to handle the onmouseclick event to it.”:
/*The following code generates a div in javascript dynamically and add events to it and append it to theform of html page .*/// call this function from form of html function create_div_dynamic(){dv = document.createElement('div'); // create dynamically div tagdv.setAttribute('id',"lyr1"); //give id to itdv.className="top"; // set the style classname //set the inner styling of the div tag dv.style.position="absolute"; dv.style.pixelLeft=20;dv.style.pixelTop=100;dv.style.pixelWidth=10;dv.style.pixelHeight=20;dv.style.backgroundColor="red";//set the html content inside the div tagdv.innerHTML='
hi
';// attach event onmouseclick to the created div tag dv.attachEvent("onmouseclick",function(){element_event_onmouseclick();}); //finally add the div id to ur form document.forms[0].appendChild(dv);}function element_event_onmouseclick() //its called for onmouseclick { alert("Inside function onmouseclick"); }
About Our Editorial Process
At DevX, we’re dedicated to tech entrepreneurship. Our team closely follows industry shifts, new products, AI breakthroughs, technology trends, and funding announcements. Articles undergo thorough editing to ensure accuracy and clarity, reflecting DevX’s style and supporting entrepreneurs in the tech sphere.
See our full editorial policy.
About Our Journalist
Charlie Frank
Charlie has over a decade of experience in website administration and technology management. As the site admin, he oversees all technical aspects of running a high-traffic online platform, ensuring optimal performance, security, and user experience.
View Author 
