在DIV中点击

时间:2015-10-26 06:52:46

标签: javascript html css onclick

我想通过单击DIV来运行JavaScript函数。从好人们给出的例子来看,这看起来非常简单,所以我必须遗漏一些非常明显的事情。我的光标表现不佳,但点击什么都不做。我宁愿不进入jQuery。这是我的整个档案:

<HTML>
<HEAD>
  <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
  <META NAME="Content-Type" CONTENT="text/html; charset=iso-8859-1">
  <TITLE>BUG</TITLE>
</HEAD>

<BODY>
<div onclick="alert("Clicked");" style="cursor: pointer">
  <img src="test.jpg">
</div>
</BODY>
</HTML>

4 个答案:

答案 0 :(得分:3)

<div onclick="alert("Clicked");" style="cursor: pointer">

未对齐的报价。您可以在双引号中使用单引号。

<div onclick="alert('Clicked');" style="cursor: pointer">

答案 1 :(得分:2)

Double Quote错了。 onclick="alert("Clicked");"

onclick中使用单引号:

<div onclick="alert('Clicked');" style="cursor: pointer">
  <img src="test.jpg">
</div>

答案 2 :(得分:0)

<div onclick="alert("Clicked");" style="cursor: pointer">

你在双引号中使用过双引号。

在双引号中使用单引号

<div onclick="alert('Clicked');" style="cursor: pointer">

答案 3 :(得分:0)

尝试使用以下内容:

<p>Click the button to display an alert box:</p>

<div>

<button onclick="myFunction()">Try it</button>

</div>

 <script>
  function myFunction() {
   alert("I am an alert box!");
}
</script>