您的位置:首页 > Web前端 > JQuery

jquery 实现 input 内容全选

2015-10-19 16:10 591 查看
话不多说,奉上代码,用的jquery 1.11 ,考虑到要满足IE浏览器,所以写得有点长。如何简化写法,还望各位前辈多多指点!

// <选中输入框,内容全选>

$(function(){

ua=navigator.userAgent

ua=ua.toLocaleLowerCase()

browserType=""

if(ua.match(/msie/)!=null){

browserType="IE"

}else if(ua.match(/firefox/)!=null){

browserType="火狐"

}else if(ua.match(/opera/)!=null){

browserType="欧朋"

}else if(ua.match(/chrome/)!=null){

browserType="谷歌"

}else if(ua.match(/safari/)!=null){

browserType="Safari"

}else{

browserType="edge"

}

$(document).on('focus',':text',function(){

$(this).focus(function(){

this.select()

})

if(browserType!="edge"&&browserType!="IE"){

$(this).mouseup({status:false},function(event){

if(!event.data.status){

event.preventDefault()

event.data.status=event.isDefaultPrevented()

}

})

}

})

})

// </选中输入框,内容全选>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: