實例 當點擊按鈕時執行一段JavaScript：Copy Text登入後複製瀏覽器支援IEFirefoxChromeSafariOpera所有主流瀏覽器都支援onclick 屬性。 定義和用法onclick 屬性由元素上的滑鼠點擊觸發。 註解：onclick 屬性不適用於下列元素：、、、、、、<meta>、<html>、<iframe>、<meta>、 <param>、<script>、<style> 或<title>。 </p><p style="margin: 0px; padding: 0px; border: 0px; font-size: 18px; color: rgb(63, 63, 63); font-family: 微软雅黑; white-space: normal; background-color: rgb(253, 252, 248);">HTML 4.01 與 HTML5 之間的差異</p><p>無。 </p><p style="margin: 0px; padding: 0px; border: 0px; font-size: 18px; color: rgb(63, 63, 63); font-family: 微软雅黑; white-space: normal; background-color: rgb(253, 252, 248);">語法</p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><element onclick="script"></pre><div class="contentsignin">登入後複製</div></div><p style="margin: 25px 0px 0px; padding: 0px; border: 0px; font-size: 16px; color: rgb(0, 0, 0); font-family: PingFangSC-Regular, Verdana, Arial, 微软雅黑, 宋体; white-space: normal; background-color: rgb(253, 252, 248);">屬性值</p><table><tbody><tr class="firstRow"><td width="113" valign="top" style="word-break: break-all;">#值</td><td width="996" valign="top" style="word-break: break-all;">描述</td></tr><tr><td width="113" valign="top" style="word-break: break-all;">script</td><td width="996" valign="top" style="word-break: break-all;">onclick 發生時執行的腳本。 </td></tr></tbody></table><p> 現在做的一個小系統為了達到領導所說的很炫的效果有用到Metro UI CSS，但是因為如何給每個磁貼(div標籤)的click事件傳遞參數折騰了蠻久(偶是菜鳥)，後來終於找到一個解決方案即透過data-*屬性，下面分別為jQuery和js實現：</p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="js/jquery/jquery.min.js"></script> <script> $(document).ready(function(){ $(".title").click(function(){ var id=$(this).data("id"); var name=$(this).data("name"); alert("Id: "+id+" ; Name: "+name);}); }); function onClick(e){ var id=e.getAttribute("data-id"); var name=e.getAttribute("data-name"); alert("Id: "+id+" ; Name: "+name); } </script> </head> <body> <div class="title" data-id="1" data-name="Microsoft">Click Me</div> <div id="add" data-id="2" data-name="Google" onclick="onClick(this)">Click Me</div> </body> </html></pre><div class="contentsignin">登入後複製</div></div><p><br></p>
