javascript - 给input设置mouseover/mouseout事件出现的问题?

Question

mouseover/mouseout不起作用，但是点击input的话.downMore会出现，

还有一个问题如果把<input>加一个disabled属性，他就不响应任何事件，不知该怎么破？

 $(".checkEare input").on("mouseover",function(){
            $(this).next("ul").show();
        });
        $(".checkEare input").on("mouseout",function(){
            $(this).next("ul").hide();
  });

<p class="checkEare">
           <input type="text" class="inputText downicon" placeholder="省份">
           <ul class="downMore" style="display: none">
                <li>省份一</li>
                <li>省份一</li>
                <li>省份一</li>
                <li>省份一</li>
           </ul>
</p>  

Answer 1

disabled 是不响应事件的，也不会发生冒泡。不过你可以试试 readonly

不过这个时候你可以用事件委托来解决
伪代码如下

$(document).on('click','input',function(){
//TODO something...
})