jquery 实现 input 内容全选

最新推荐文章于 2024-01-23 19:19:19 发布

原创最新推荐文章于 2024-01-23 19:19:19 发布 · 3.2k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #input #内容全选 #ie #浏览器版本区分

jquery 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一种使用jQuery 1.11在包括IE在内的浏览器中实现input输入框内容全选的方法，代码示例给出，同时作者期待对简化代码的建议。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

话不多说，奉上代码，用的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()
}
})
}
})
})

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