Question

js怎么DIV失去焦点是触发事件(如果焦点在DIV的子元素上面也不能触发事件)

一个DIV里面有input，我需要在DIV失去焦点(焦点在input上不算)的时候触发DIV隐藏事件需要怎么做？
还有这个DIV在iframe里面

Answer 1

不太明白你的意思，div失去焦点是指鼠标移出div区域吗？另外你说的“div隐藏事件”是说使div隐藏起来的事件吗？

追问

不是鼠标移出，是失去焦点，鼠标点击某一个元素那么焦点就在这个元素上面，再点击别的元素，那么当前的元素就失去了焦点， 失去焦点的时候把DIV隐藏起来就行了

追答

楼下的方案可以。

Answer 2

可以用鼠标移出事件!

Answer 3

如果你会angularJs的话，把元素双向绑定一个显示的事件应该就可以了…。

显然客观是想用jQuary来实现，可是，jquary又没有失去焦点这个事件，怎么办QAQ？
这种时候就应该反向思考。

首先，给全集添加一个 focus()的事件，并且在其中添加一个过滤器。
在focus的是指定的div（或者|和input）时，不触发事件，
剩下的情况，将div隐藏。
为了避免冲突，也可以自定义一个focus事件来做响应。

追问

最开始我是想在body上添加一个点击事件 然后判断点击的元素是不是这个DIV 可是后来发现这个有问题，如果点击DIV的父页面 那么这个DIV就不能隐藏了。 如果单纯的在DIV上面绑定focusout，点击DIV里面input又会触发隐藏这样就不是我想要的了

追答

额…第一个思路应该是可行的，点击父页面指的是iframe吗？
（focusout也行，不过比较麻烦，你在内部判断event.target是不是这个input然后return false应该也能实现）
按照第一个思路走的话，把dom树发出来看看吧……

追问

1. 第一个思路是不行的，因为需要考虑到当前DIV是否存在父页面、是否存在子页面这两种情况，如果只绑定当前页面的body，点击其他页面的body就不能隐藏了

2. 用focusout还是有问题，因为点击DIV里面的input会触发focusout方法
   

追答

不要取body,用document试试，应该就能监听到所有事件了。
至于focusout,在里面加一个if判断，如果触发事件的是 input元素，就什么都不做，然后返回假。

如果不是input元素，就进行隐藏操作。

如果元素太多，读取不到的话，就干脆读取鼠标的位置好了，并且和div做一个比对好了。