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");
     });

Answer 2

<script type="text/javascript">
function myFn() {
   alert("My div is clicked!!");
   // something else...
}
</script>
<div onclick="myFn();">My DIV body</div>

这是你想要的吗？或者你可以试试这个：

<div id="myDiv"> My Div body </div>
<script type="text/javascript">
// Works on not-ie
document.getElementById("myDiv").addEventListener("click",function() {
    alert("I'm clicked!!");
}, false);
// Works on all
document.getElementById("myDiv").onclick = function() {
    alert("I'm clicked!!");
}
// Works on ie
document.getElementbyId("myDiv").attachEvent("onclick",function() {
    alert("I'm clicked!!");
});
</script>

Answer 3

$('#view_all').click(function() {
  alert('Handler for .click() called.');
});

Answer 4

div.onclick=function(){
  // whatever you want to happen here
}

Answer 5

使用OnClick事件将Javascript函数附加到它，例如：

<div onclick="alert('clicked');">
 This is a div
</div>

要按Enter键调用点击功能，您可以尝试这个未经测试的代码，它应该可以工作：

<div onkeydown="if (event.keyCode == 13) DoSomething();"/>

另一方面，您可以使用JQuery来实现更轻松的功能，请参阅此未经测试的代码：

$("#idivId").keyup(function(event){
  if(event.keyCode == 13){
    $("#DivId").click();
  }
});

如何在javascript中使div可点击

5 个答案: