当用户在div标签外单击时隐藏div标签

我有一个div标签，我在自定义网格上填充搜索结果，该网格位于此divtag内。当用户在div标签外单击时隐藏div标签

当用户点击搜索按钮时，我在上面提到的div标签中显示结果。

我有一个要求，当用户在div标签外单击时关闭上面的div标签。

它类似于谷歌搜索auto comlete。

在此先感谢。

来源

2009-10-13 Madhu

寻找在JavaScript/jQuery的解决方案吗？ – ukanth 2009-10-13 10:42:32

我需要JavaScript解决方案。 – Madhu 2010-03-30 07:22:17

基本思路

线体上标签的onclick事件隐藏DIV。
在div标签上连接一个onclick事件并停止事件冒泡。

见Event order

要停止事件冒泡

你必须在事件的cancelBubble属性设置为true的微软模式。

window.event.cancelBubble = true

在W3C模型中，您必须调用事件的stopPropagation（）方法。

e.stopPropagation()

来源

2009-10-13 10:44:54 rahul

感谢您的回复。我使用asp.net母版页，我不能使用body onclick事件，因为它将在许多其他内容页面中使用。同时我怎样才能找到用户控件中使用的div标签的html生成的id？在此先感谢 – Madhu 2009-10-13 10:58:28

@Madhu：如何为div标签找到html生成的id：将其作为一个单独的问题发布，并提供如何定义它的源代码示例。 – awe 2009-10-13 11:21:47

对不起，延迟回复。如何停止在JavaScript中的事件冒泡？ – Madhu 2010-03-30 07:23:01

在jQuery中，这样的事情：

$('body').click(function(ev){ 
    if (!$(this).hasClass('your_result_container_classname') { 
    // code to hide result div 
    $('body').unbind('click'); // remove event handler. add again when results shown. 
    } 
});

来源

2009-10-13 10:45:57

当用户点击div元素中的元素时会发生什么？ – rahul 2009-10-13 10:48:19

当用户在div标签外单击时隐藏div标签

回答

相关问题