事件机制

最新推荐文章于 2024-07-25 08:06:37 发布

浪客猫心的技术小站

最新推荐文章于 2024-07-25 08:06:37 发布

阅读量445

点赞数

分类专栏： C#

本文链接：https://blog.csdn.net/lpsswan/article/details/38042261

版权

C# 专栏收录该内容

32 篇文章 0 订阅

订阅专栏

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm13.aspx.cs" Inherits="TAB.WebForm13" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <script src="Commen/JS/jquery-2.0.3.min.js"></script>
<link  rel="stylesheet" id="style1" href="Commen/CSS/StyleSheet1.css" type="text/css"/>
</head>
<body>

        <!--下面的标签内联事件 -->
        <button id="clickme" οnclick="alert('原始的方法零');"> click me</button>

        <!--下面的内联触发事件 -->
      <button id="clickme1" οnclick="handler()"> click me</button>
    <script>
        $(function () {

            //下面三种是jQuery事件中的绑定事件  带clike的
            $("#clickme").on("click", function () { alert("方法三"); })


            $("#clickme").click(function () { alert("方法一"); })


            $("#clickme").click(function () { handler(); })
            function handler() { alert("方法二"); }


            //下面三种是Dom树中的事件 domnode.onXXX
            clickme.onclick = handler;
            function handler() { alert("方法四"); }


            clickme.onclick = function () { handler(); }
            function handler() { alert("方法五"); }


           //注意：下面中的事件和标签内联事件
            if (document.all) {
                clickme.attachEvent("onclick", handler);
            } else {
                clickme.addEventListener("clike",handler,false);
            }
            function handler() { alert("方法六"); }
      
        })

    </script>
</body>
</html>