手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >jquery阻止冒泡事件使用模拟事件
jquery阻止冒泡事件使用模拟事件
摘要:复制代码代码如下:单击显示隐藏内容这里是隐藏内容$(document).ready(function(){$("span").bind("c...

复制代码 代码如下:

<body>

<div>

<span>单击显示隐藏内容</span>

</div>

<div>这里是隐藏内容</div>

</body>

<script>

$(document).ready(function(){

$("span").bind("click", function(){

$(".message").show();

});

$(".content").bind("click", function(){

$(".message").show();

});

$("body").bind("click", function(){

$(".message").show();

});

});

</script>

当点击span的时候 div 和 body 的事件全部触发了。要阻止这种发生

$("span").bind("click", function(e){

$(".message").show();

e.stopPropagation();//完成事件清除动作

});

模拟事件 trigger

复制代码 代码如下:

$(".content").bind("myclick", function(event,message1,message2){

$("#test").append(message1+messages2);

});

$("#btn").trigger("myclick",["我的事件","触发了"]);

【jquery阻止冒泡事件使用模拟事件】相关文章:

js鼠标事件

jquery使用each方法遍历json格式数据实例

JavaScript中valueOf()方法的使用介绍

jQuery异步上传文件插件ajaxFileUpload详细介绍

jQuery插件jRumble实现网页元素抖动

jquery使用经验小结

JQuery中Text方法用法实例分析

jQuery基于图层模仿五星星评价功能的方法

jquery.validate使用时遇到的问题

Jquery使用val方法读写value值

精品推荐
分类导航