Javascript onclick甚至在div上工作

Question

我有一個div，當用戶使用onclick事件點擊它時，我正在調用一個函數：

   function test(a)
    {   

     alert(a);
   }

<div onclick="javascript:test('zaswde');">sdfasdasdadasdasds</div>​

更新

    <ul>
      <li> 
           <div>
       <div onclick="javascript:alert('v'); "></div>

           </div>
            <div ></div>
      </li>
    </ul>

我不能在div元素上使用onclick嗎？

Answer 1

Onclick將調用該函數，您不需要javascript:

<div onclick="test('zaswde');">sdfasdasdadasdasds</div>​

Answer 2

你的代碼工作正常。

此外，您可以在任何元素上使用click事件，包括<div>

<div onclick="test('This is a <div> tag');">Click on this &lt;div&gt; element</div>

<span onclick="test('This is a <span> tag');">Click on this &lt;span&gt;</span>

<p onclick="test('This is a <p> tag');">Click on this &lt;p&gt;</p>

<a href="#" onclick="test('This is an <a> tag');">Click on this &lt;a&gt;</a>

請參閱示例小提琴

Answer 3

從技術上講，您的代碼將起作用。 但大多數人認為這不是寫它的最佳方式。

我猜它之所以無效，是因為你的HTML頁面中已經有JavaScript錯誤了。 檢查瀏覽器中的錯誤控制台，看看是否有任何JavaScript錯誤。 如果是，那么修復它然后這應該工作。

編輯：

我也從你的例子中看到你在div里面沒有任何東西。 那你怎么確定你在div里面點擊。 看看你是否可以在div中添加一個或兩個感知，以便你有足夠的空間來點擊div內部。