Chrome下input输入框内容无法选中的解决方法

来源于: http://www.cnblogs.com/danye/archive/2012/08/07/2626572.html

首先,我把选中内容放在了onfocus事件中处理,然后FF成功失败交替出现,而chrome则总是失败。采用上述链接中的方法后,解决问题。

解决方法如下;

$("input").click(function(e){
  $(this).select();
});
//阻止chrome自己的mouseup事件即可。
$("input").mouseup(function(e){
    if(window.navigator.userAgent.indexOf("Chrome")!=-1){
        var event = e||window.event; 
        event.preventDefault(); 
    }
});

 

http://cssor.com/chrome-input-content-select.html

参与评论

电子邮件地址不会被公开。 必填项已用*标注

*

全部分类
Books(4)code(7)database(6)html&css(24)java(11)JavaScript(51)jQuery(24)linux(20)python(1)React(1)share(1)soft(4)solution(53)thinking(17)vim(9)WordPress(8)前端优化(12)拓展(33)服务器(33)移动开发(4)自然(22)