js冒泡实战应用

1、功能：实现文本框onpress弹出下拉层，有选项可以供用户点选，

2、点选后层消失，数据显示在input中。

 

input   onkeypress="javascript:document.getElementById('Layermain').style.display=''" ">

 

body.click

        function winclick()
           {  
            document.getElementById('Layermain').style.display='none';  }

 

层 上单击事件

 

          //获取邮箱地址
          function getMail(vmail)
          { 
               if($("input[name=to]").val().indexOf(vmail)=="-1")
                {
                   $("input[name=to]").val($("input[name=to]").val()+vmail+";") 
                 }
                doSomething()//执行阻止冒泡 
             
          }

 

1、阻止冒泡后  后果是 不冒泡不执行body。click  弹出层不消失

2、注释掉doSomething（） 执行冒泡，---执行完getmail后执行body。click

这就是冒泡事件