为什么尾部有return false
来源：5-1 首页.UI组件-UiSearch（1）
慕九州8176055
2020-02-03 15:22:19
// ui-search 定义
$.fn.UiSearh = function(){
var ui = $(this);
$('.ui-search-selected',ui).on('click',function(){
$('.ui-search-select-list').show();
return false;
});
$('.ui-search-select-list a',ui).on('click',function(){
$('.ui-search-selected').text( $(this).text() );
$('.ui-search-select-list').hide();
return false;
});
$('body').on('click',function(){
$('.ui-search-select-list').hide();
})
}
// 页面的脚本逻辑
$(function () {
$('.ui-search').UiSearh();/*搜索*/
});
1回答
-
好帮手慕夭夭
2020-02-03
同学你好，return false可以阻止事件冒泡。冒泡可以简单的理解为，当触发子元素的事件时，会向上冒泡。冒到父元素上发现父元素也绑定了同样类型的事件（例如同样绑定了点击事件），那么父元素的事件也会触发。所以阻止冒泡就是在触发子元素事件时，阻止父元素的事件触发。
例如在本案例代码中，点击ui-search-selected元素，子菜单会显示。但是事件会冒泡，在body上也绑定了点击事件，将子菜单隐藏了，所以如果不阻止冒泡的话，子菜单显示然后隐藏，最终效果就是隐藏的。
如果我的回答帮助到了你，欢迎采纳，祝学习愉快~
0
相似问题