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()
}
})
}
})
})
// </选中输入框,内容全选>
// <选中输入框,内容全选>
$(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()
}
})
}
})
})
// </选中输入框,内容全选>
相关文章推荐
- jquery的load和get的区别
- js dom对象与jquery对象互转
- jquery 操作css 尺寸
- jquery UI autocomplete获得焦点自动弹出跟随下拉框
- jQuery子元素过滤器
- JQuery.Ajax之错误调试帮助信息
- jQuery插件开发
- ajax上传图片,仿ajaxFileUpload,解决出错和兼容问题
- jquery ajax 向后台传递数组参数示例
- jQuery过滤选择器
- jQuery
- jquery 模糊查询下拉框
- JS,Jquery获取各种屏幕的宽度和高度
- JQuery 代码规范与实例(未完成,先引用别人的,后期再总结)
- jQuery在页面加载时动态修改图片尺寸
- jQuery 实现瀑布流 个人完美版
- js与jquery异同
- 谈谈Jquery中的children find 的区别有哪些
- jquery自定义插件来实现分页的效果
- jquery中attr和prop的区别