如何在javascript中使div可单击

这是用于在下拉列表中创建div的javascript，但我希望这个div是可单击的

正如你所看到的，我已经给出了链接，但只有当我用鼠标点击该链接时它才会工作，但当我按下“回车”键时它就不工作了

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

这是你想要的吗？或者您可以尝试以下方法：

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

这是你想要的吗？或者您可以尝试以下方法：

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

---

您可以像这样直接向div添加一个click事件

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

如果您想支持较旧的浏览器，您需要做更多的工作：

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

---

您可以像这样直接向div添加一个click事件

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

如果您想支持较旧的浏览器，您需要做更多的工作：

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

---

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

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

---

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

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

---

---

请注意，这是jQuery，而不是实际的javascript。是的，jQuery对于OP是有用的，但是为了这个问题和答案来帮助比我们这里的OP更广泛的公众，我认为需要在标题中添加一个注释Says AJAX，所以这是适用的。请阅读整篇文章。请阅读：这样您就可以更好地理解AJAX事件处理以及jquery如何适应这些场景。据我们所知，OP是一个不了解jQuery的javascript的开端，我所说的是：添加一个frickin注释，说明您的代码使用了一个外部库。天哪toes@Sander我支持你，尽管我不得不对实际的javascript表示惊讶。当您使用一个库时，您仍然在使用实际的JavaScript。但我知道你的意思-嗯，我相信jquery就像一种方言，因此不是真正的母语，无论如何也不是讨论的地方只是很高兴有人理解了我的意思请注意，这是jquery不是真正的javascript。是的，jQuery对于OP是有用的，但是为了这个问题和答案来帮助比我们这里的OP更广泛的公众，我认为需要在标题中添加一个注释Says AJAX，所以这是适用的。请阅读整篇文章。请阅读：这样您就可以更好地理解AJAX事件处理以及jquery如何适应这些场景。据我们所知，OP是一个不了解jQuery的javascript的开端，我所说的是：添加一个frickin注释，说明您的代码使用了一个外部库。天哪toes@Sander我支持你，尽管我不得不对实际的javascript表示惊讶。当您使用一个库时，您仍然在使用实际的JavaScript。但我知道你的意思-好吧，我相信jquery就像一种方言，因此不是真正的母语，无论如何也不是讨论的地方只是很高兴有人理解了我的意思感谢所有这些对我来说都很有用，如果我用鼠标点击的话，它是完美的。让我知道，如果我在div上按enter键，我想要的效果与我在div中定义的url相同，这一切对我来说都很有用，如果我用鼠标点击它，效果会很好。让我知道，如果我在div上按enter键，我想要的效果与我在div中定义的url相同，你可以在我的问题中看到，我在代码中使用javascript，我修改了div.addEventListenerclick，函数{alertYou clicked this div；}；这对我有用，谢谢你。我还想为输入事件做同样的事情，因为我按enter键，它应该做与单击事件相同的事情，所以让我知道我应该在我的code@vishal-我认为div没有enter事件，但是如果你说的是文本框，他们有一个焦点事件你可以使用。我会告诉你我的问题，我在搜索和建议中使用drop-down列表，我根据我的逻辑得到列表，最多10个值将在下拉列表中得到publist。最后，我又添加了一个div来查看所有列表，现在可以点击这个div，因为我已经根据你的答案修改了这个div。但当我按下输入div值即“全部查看”时，会在文本框中发布并替换输入的值，然后转到**[link]All**。因此，我想要的不是这个“全部查看”，而是我在文本框中输入的文本值，正如你在我的问题中看到的那样，我在代码中使用javascript，并且我修改了div.addEventListenerclick，函数{alertYou clicked this div；}；这对我有用，谢谢你。我还想为输入事件做同样的事情，因为我按enter键，它应该做与单击事件相同的事情，所以让我知道我应该在我的code@vishal-我认为div没有enter事件，但是如果你说的是文本框，他们有一个焦点事件你可以使用。我会告诉你我的问题，我在搜索和建议中使用drop-down列表，我根据我的逻辑得到列表，最多10个值将在下拉列表中得到publist。最后，我又添加了一个div来查看所有列表，现在可以点击这个div，因为我已经根据你的答案修改了这个div。但当我按enter键时，div值即“全部查看”将在文本bo中发布 x并替换输入的值，然后转到**[链接]全部**。因此，我希望在文本框中输入文本值，而不是“全部查看”

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