javascript - 如何在javascript中使div可点击

Question

paramToExternalFile = 'all';

var div = document.createElement('div');
div.style.background = '#D8D8D8';
div.innerHTML = '<a href=' + xml_list_externalFile_SNS1 + paramToExternalFile + '/' + letters + '>View All</a>';
div.id = 'view_all';
div.className='optionDiv_sns';
ajax_optionDiv_SNS.appendChild(div);

这是在下拉列表中创建一个 div 的 javascript，但我希望这个 div 可以点击。

如您所见，我已经给出了链接，但只有当我在该链接上使用鼠标单击时它才会起作用，但当我按“输入”时它不会起作用

Answer 1

你可以像这样直接给你的div添加一个点击事件

div.addEventListener("click", function() {
   alert("You clicked this div");
});

如果你想支持旧的浏览器，你必须做更多的工作:

if (div.addEventListener)
     div.addEventListener("click", function() {
         alert("You clicked this div");
     });
else if (div.attachEvent) 
     div.attachEvent("onclick", function() {
         alert("You clicked this div");
     });