window屬性：onclick

2018-04-25 10:49 更新

onclick屬性

該onclick屬性返回當(dāng)前元素的click事件處理程序代碼。

注意：當(dāng)使用該click事件觸發(fā)某個動作時，還可以考慮將相同的動作添加到該keydown事件中，以允許不使用鼠標(biāo)或觸摸屏的人使用該動作。

onclick屬性語法

element.onclick = functionRef;

其中functionRef是一個函數(shù) - 通常是在別處聲明的函數(shù)或函數(shù)表達(dá)式的名稱。

傳遞給指定事件處理函數(shù)的單個參數(shù)是一個MouseEvent對象。在處理程序中，this將是觸發(fā)事件的元素。

onclick屬性示例

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>onclick event example</title>
    <script>
      function initElement() {
        var p = document.getElementById("foo");
        // NOTE: showAlert(); or showAlert(param); will NOT work here.
        // Must be a reference to a function name, not a function call.
        p.onclick = showAlert;
      };

      function showAlert(event) {
        alert("onclick Event detected!");
      }
    </script>
    <style>
      #foo {
        border: solid blue 2px;
      }
    </style>
  </head>
  <body onload="initElement();">
    <span id="foo">My Event Element</span>
    <p>click on the above element.</p>
  </body>
</html>

或者你可以使用一個匿名函數(shù)，如下所示：

p.onclick = function(event) { alert("moot!"); };

筆記

當(dāng)用戶點(diǎn)擊一個元素時引發(fā)該click事件。之后的點(diǎn)擊事件發(fā)生mousedown和mouseup事件。

每次只有一個click處理程序可以通過此屬性分配給一個對象。您可能傾向于使用該EventTarget.addEventListener()方法，因?yàn)樗`活并且是DOM事件規(guī)范的一部分。

規(guī)范

規(guī)范狀態(tài)注釋
HTML Living Standard
在該規(guī)范中的'onclick'的定義。
Living Standard
 

瀏覽器兼容性

我們正在將兼容性數(shù)據(jù)轉(zhuǎn)換為機(jī)器可讀的JSON格式。

  • 電腦端
特征Chrome
Edge
Firefox（Gecko）Internet Explorer
Opera
Safari（WebKit）
基本支持支持支持？？？？ 
  • 移動端

特征AndroidAndroid WebviewChrome for AndroidEdgeFirefox Mobile (Gecko)Firefox OSIE MobileOpera MobileSafari Mobile
基本支持?????????
以上內(nèi)容是否對您有幫助：
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號