<form id="hz9zz"></form>
    • <form id="hz9zz"></form>
    

      

      <nobr id="hz9zz"></nobr>
      <form id="hz9zz"></form>
      3.   
          
      明輝手游網中心：是一個免費提供流行視頻軟件教程、在線學習分享的學習平臺！
                   
        
                           
        
                        		  
        
                 
              
                
      html中由元素上的鼠標點擊觸發的事件屬性onclick
                
                  發表時間：2023-12-27             來源：明輝站整理相關軟件相關文章人氣：          
              
      [摘要]實例當點擊按鈕時執行一段 JavaScript：<button onclick="copyText()">Copy Text</button>瀏覽器支持IEFirefoxChromeSafariOpera所有主流瀏覽器都支持 onclick 屬性。定義和...
      實例
      當點擊按鈕時執行一段 JavaScript：
      <button onclick="copyText()">Copy Text</button>
      瀏覽器支持
      IE
      Firefox
      Chrome
      Safari
      Opera
      所有主流瀏覽器都支持 onclick 屬性。
      定義和用法
      onclick 屬性由元素上的鼠標點擊觸發。
      注釋：onclick 屬性不適用以下元素：<base>、<bdo>、<br>、<head>、<html>、<iframe>、<meta>、<param>、<script>、<style> 或 <title>。
      HTML 4.01 與 HTML5 之間的差異
      無。
      語法
      <element onclick="script">
      屬性值
      值描述
      scriptonclick 發生時運行的腳本。
      　　現在做的一個小系統為了達到領導所說的很炫的效果有用到Metro UI CSS，但是因為如何給每個磁貼(div標簽)的click事件傳遞參數折騰了蠻久(偶是菜鳥)，后來終于找到一個解決方案即通過data-*屬性，下面分別為jQuery和js實現：
      <!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>
      以上就是html中由元素上的鼠標點擊觸發的事件屬性onclick的詳細內容，更多請關注php中文網其它相關文章！
      				
				
      網站建設是一個廣義的術語，涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。




              
              
                 
              
                                            
                              		       
                          
                           		  
        
                            
      
日韩精品一区二区三区高清