页面点击其他位置，目标标签都隐藏

2019独角兽企业重金招聘Python工程师标准>>>

<label>
        	<input type="text" id="province" placeholder='省' readonly="true">
        	<span id='proMessage' style='display:none'>
        	        <em>安徽</em>
                        <em>北京</em>
                        <em>福建</em>
                        <em>甘肃</em>
                        <em>广东</em>
                        
        	</span>
        	</label>

这是显示几个省份的内容，达到的效果是 input标签点击下面的span标签显隐，而且 我点击页面其他地方的时候这个span标签都要隐藏起来；

       $(document).bind('click',function(){
        	$('#proMessage').hide();
    	}); //点击页面任何地方，span标签都隐藏
    	$('#province').bind('click',function(e){
        	stopPropagation(e);  //阻止默认行为，因为他要控制span标签的显隐
    	});
    
        $('#province').click(function(event) {
            $('#proMessage').toggle();  //控制span标签显隐
        });

还差一个阻止默认行为的函数

function stopPropagation(e) {
                if (e.stopPropagation)
                    e.stopPropagation();
                else
                    e.cancelBubble = true;
            }
</script>

ok效果达到，主要是在于阻止冒泡的函数；

转载于:https://my.oschina.net/leonaLily/blog/410810