php 鼠标点击其他区域下拉框隐藏,Javascript点击其他任意地方隐藏关闭DIV实例

代码如下，实现了点击input显示一个div层，当点击除input和div以外的地方的时候，隐藏div的功能。

点击其它地方关闭DIV

1111

2222

3333

function e(obj){return document.getElementById(obj)}

e('tf').οnclick=function(event){

e('con').style.display='block';

stopBubble(event);

document.οnclick=function(){

e('con').style.display='none';

document.οnclick=null;

}

}

e('con').οnclick=function(event){

//只阻止了向上冒泡，而没有阻止向下捕获，所以点击con的内部对象时，仍然可以执行这个函数

stopBubble(event);

}

//阻止冒泡函数

function stopBubble(e){

if(e && e.stopPropagation){

e.stopPropagation(); //w3c

}else{

window.event.cancelBubble=true; //IE

}

}

以上就是本文的全部内容，了解更多JavaScript的语法，大家可以查看：《JavaScript 参考教程》、《JavaScript代码风格指南》，也希望大家多多支持脚本之家。