自动触发事件--jQuery事件处理

最新推荐文章于 2024-09-18 09:47:26 发布

ningyb

最新推荐文章于 2024-09-18 09:47:26 发布

阅读量3k

点赞数

分类专栏： JavaScript 文章标签： function class html button border float

JavaScript 专栏收录该内容

30 篇文章 0 订阅

订阅专栏

l  自动触发事件

知识点：

网页上有两个按钮：BOLD和ITALIC，要求事件自动触发任一按钮上的单击事件。
 

说明：

trigger()方法：

此方法调用指定事件类型的事件处理函数（事件类型作为参数传递给此方法）。

语法格式：trigger(eventType)

eventType:是字符串，指定事件的类型，即：单击、双击、聚焦、失焦等等。
 

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

  <head>

    <title>jQuery事件处理--自动触发事件</title>

    <script type="text/javascript" src="../../rs/js/jquery.js"></script>

    <script type="text/javascript">

    <!--

    $(

        function()

        {

            $('.buttons').bind('click',

                function()

                {

                    alert('YOU HAVE CLICKED THE [' + 

                        $(this).text() + '] BUTTON');

                }

            );

            $('#ii').trigger('click');

        }

    );

    //-->

    </script>

    <style type="text/css">

        .buttons{

            width:100px;

            float: left;

            text-align: center;

            margin: 5px;

            border: 2px solid;

            font-weight: bold;

            cursor: hand;

        }

    </style>

  </head>

  <body>

    <span id="ib" class="buttons">BOLD</span>

    <span id="ii" class="buttons">ITALIC</span>

  </body>

</html>