jQuery 给div绑定单击事件

最新推荐文章于 2024-10-05 15:00:00 发布

weixin_30802273

最新推荐文章于 2024-10-05 15:00:00 发布

阅读量1.4k

点赞数

文章标签： javascript xhtml c# ViewUI

原文链接：http://www.cnblogs.com/net064/p/9366470.html

版权

说明：这篇随笔介绍的是怎么给div添加单击（click）事件。不再废话直接看代码

<%@ 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>