jQuery 給div綁定單擊事件

時間 2019-11-29

標籤 jquery div 綁定單擊事件欄目 JQuery 简体版

原文原文鏈接

說明：這篇隨筆介紹的是怎麼給div添加單擊（click）事件。再也不廢話直接看代碼javascript

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="topPage.aspx.cs" Inherits="topPage" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title> 
    <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
    <script type="text/javascript">
      $(function () {
          //給返回首頁修改密碼按鈕添加單擊事件
          $("#fanhuiBtn").on("click", function () {
              goFirstPage();
          });

          //給退出按鈕添加單擊事件
          $("#exitBtn").on("click", function () {
              exitOut();
          });

      });
      //返回首頁
      function goFirstPage() {
          alert('你單擊了返回首頁的按鈕');
      }
      //退出
      function exitOut() {
          alert('你單擊了退出按鈕');
      }
    </script>
</head>
<body>  
  <div id="fanhuiBtn" class="fanhuiTextDiv"></div>

  <div id="exitBtn" class="exitText"></div>
 
</body>
</html>

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。