Question

js函数中 如何阻止事件冒泡

html中 <input id="text1" type="text" onclick="F_Bind_ZhongLeiClick(this)" />

script中 该怎样阻止事件冒泡啊
function F_Bind_ZhongLeiClick(ele) {
//jquery代码
//
}

不想使用这种绑定方法
$("#text1").bind("click",function(e){
});

Answer 1

首先：你不想使用的方法恰恰是推荐的最好的方法，为什么不用推荐的方法呢。

如果实在想用第一种，onclick="F_Bind_ZhongLeiClick(this)"
修改为

onclick="F_Bind_ZhongLeiClick(this);return false;"

追问

设计目标：单击input时，显示一个div，同时给body添加一个单击事件，如果单击了body，就隐藏这个div，如何实现哈？

追答

为简化其间，假设你页面引入了jquery

$(document).on('click', function(e){
    var el = $(e.target);
    if( el.attr('id') === 'text1' ){//text1就是你的input的id
        //显示你的div的操作
        $('your div').show();
    }else{
        //隐藏你的div的操作
        $('your div').hide();
    }
})

Answer 2

function stopBubble(e){
17. // 如果传入了事件对象，那么就是非ie浏览器
18. if(e&&e.stopPropagation){
19. //因此它支持W3C的stopPropagation()方法
20. e.stopPropagation();
21. }else{
22. //否则我们使用ie的方法来取消事件冒泡
23. window.event.cancelBubble = true;
24. }
25. }
26.

追问

onclick="F_Bind_ZhongLeiClick(this)" 这种方式时，F_Bind_ZhongLeiClick中怎么阻止事件冒泡？

Answer 3

？？说详细一点啊，是光标事件，还是cofirm

用光标事件就可以解决了， $("#input").focus(function () { $("#div").show(); });
， $("#input").blurs(function () { $("#div").hide(); });
记得采纳我的答案啊

Answer 4

// 第一种
// html 加return false
//<input id="text1"  type="text" onclick="F_Bind_ZhongLeiClick(this);return false;"  />

// 第二种，结合html和js一起
// 函数调用前加return，这样函数里可以控制要不要阻止
// <input id="text1"  type="text" onclick="return F_Bind_ZhongLeiClick(this);"  />

// js中return false是阻止，return true是不阻止
function F_Bind_ZhongLeiClick(ele) {
    return false;
}