jquery 模拟事件的例子，触发自定义事件

最新推荐文章于 2023-03-20 15:24:45 发布

JACKASDFGHJKL

最新推荐文章于 2023-03-20 15:24:45 发布

阅读量142

点赞数

分类专栏： jQuery 文章标签： javascript ViewUI

本文链接：https://blog.csdn.net/JACKASDFGHJKL/article/details/84448975

版权

jQuery 专栏收录该内容

38 篇文章 0 订阅

订阅专栏

1、模拟事件的例子

<html>
<head>
<script type="text/javascript" src="c:\jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){

$("button").click(function(){$("p").click();});
// 模拟点击p.click 事件
$("p").click(function(){
alert($("p").html());
});
});

</script>
</head>
<body>
<button>点击这里进行切换</button>
<p>双击本段落会触发上面这个按钮的 click 事件。</p>
</body>
</html>

2、触发自定义事件

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> New Document </title>
<script src="c:\jquery.js"></script>
</head>
    <script>
         $(function(){


                $("input").click(function(){
                   $("input").trigger("Myclick");
                });

                $("input").bind("Myclick",function(){
                    $("div").append("<p id='pid'>我的移动事件！</p>");
                });
        })
    </script>
<body>
        <input type="button" value="测试"></input>
        <div>
         <p>测试模拟事件是否能出现！</p>
        </div>
</body>
</html>