在运用html+css+javascrpt进行页面制作时,我们往往会遇到一些影响用户体验,而又容易被我们忽视的小细节.比如,input输入框中的提示信息,怎样才能根据对象获得和失去焦点而实现其显示和隐藏.今天在这里,想跟大家分享一下这个小技巧,希望各位大神不要拍砖哦~~~ 一.要求 input输入框,在光标显示时,隐藏提示信息:光标离开输入框时,显示提示信息. 二.方法 1.给该input取id名,Onfocus=”方法名1(this)”,onblur=”方法名2(this)” 2.声明变量va

text-indent: -999em; // 隐藏input文字margin-left: -100%;// 隐藏input光标

最近需要使用 Chrome Developer Tools 调试 Android 浏览器,但是官方指南并不是很好使,经过一番折腾,终于调试成功了,在此把经验分享给需要的朋友. Chrome Developer Tools 是前端工程师必不可少的工具,它极大的提高了我们的开发调试效率.在移动开发的时代,我们也必须掌握手机浏览器在 Chrome 中调试的方法.本篇仅介绍 Android. 环境 不同的环境可能存在一些差异,我的环境是: Windows 10 电脑 Chrome 50.0.2661.7

input 光标在 chrome下不兼容 解决方案 height: 52px; line-height: normal; line-height:52px\9 .list li input[type=text] {  width: 304px;  height: 52px;  line-height: normal;  line-height: 52px\9;  border: none;  color: #FFFFFF;  background: url(../images/txt-bg.pn

搭建Android浏览器壳子 不久前我们要做一个Android端的手机APP,但没有用Android原生的组件, 而是把这个APP做成了一个访问某一固定IP的浏览器,即单纯的一个壳子: 具体的内容用Vue来开发. 因为这个项目本身不大,加上我们只有一名web前端开发人员,所以选用了此套路: 再加上现在的APP里也有不少嵌套着的单页应用,也不算是太Low: 接下来介绍的是壳子的制作: Android开发浏览器(实践入门) - CSDN博客 首先建一个Android的Hello World项目 修改

最近在做项目忘记密码页面时,input光标大小需要统一.同时也需要兼容ie8浏览器. 总结如下: IE:不管该行有没有文字,光标高度与font-size一致. FF:该行有文字时,光标高度与font-size一致.该行无文字时,光标高度与input的height一致. Chrome:该行无文字时,光标高度与line-height一致:该行有文字时,光标高度从input顶部到文字底部(这两种情况都是在有设定line-height的时候),如果没有line-height,则是与font-size一致

文件上传时,默认的file标签很难看,而且每个浏览器下都有很大差距.因此我们基本都把真正的file标签给隐藏,然后创建一个标签来替代它.但是由于IE出于安全方面的考虑上传文件时必须点击file的浏览按钮选择文件才可以把文件上传上去.此时我们可以将file input透明化, 遮罩在自定义的button input 上面.这样用户看到的是我们自定义button的外观而实际上点击的还是file标签. 这样一来我们自定义的按钮存在又能真正点击到file标签,IE下就可以正常上传文件了. 示例: //h

当前很多表单提示使用了表单属性placeholder,可这属性不兼容IE8以下的浏览器,我自己写了一个兼容处理js // 兼容IE8以下浏览器input不能智能提示功能 if(navigator.appName == "Microsoft Internet Explorer" && (navigator.appVersion.match(/7./i)=="7." || navigator.appVersion.match(/8./i)=="

分享:用 NDK C++做底层开发的Android 浏览器,纯免费,无广告 操作简单,傻瓜一看就会 无毒.无广告.无负作用,完全免费 下载地址1:http://awdjcfeizb.l33.yunpan.cn/lk/Qz4j2U8qIuirN 下载地址2:http://awdjcfeizb.l33.yunpan.cn/lk/Qz4j2U8qIuirN#13905398134937079-0 效果如下: 完全由本人开发,有任何疑问,请联络:QQ群:74965947, 72133568,272363

<?phpvar ua = navigator.userAgent.toLowerCase(); if (ua.match(/MicroMessenger/i)=="micromessenger" && ua.indexOf('iphone') > 0) { alert("iPhone 微信浏览器"); }else if (ua.match(/MicroMessenger/i)=="micromessenger" &a

android EditText获取光标位置并插入字符删除字符1.获取光标位置int index = editText.getSelectionStart(); 2.在光标处插入字符int index = editText.getSelectionStart();Editable editable = editText.getText();editable.insert(index, "aaaa");3.删除光标前字符int index = editText.getSelectionS

控制边框形状,先在drawable中建一个xml文件:shape.xml <?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android"> <solid android:color="#00ff00ff"/> <corners android

<input type="text" onkeydown="this.onkeyup();" onkeyup="this.size=(this.value.length>4?this.value.length:4);" size="4"> <input type="text">的默认size就是20 如果你在style里定义了width属性,又要让它的width根据内容来变化,

欢迎访问我的个人博客:http://www.xiaolongwu.cn 前言 在工作中我们可能会遇到这样的需求,当浏览器切换到别的标签页或着最小化时,我们需要暂停页面上正在播放的视频或者音乐,这个需求就会用到我下面要说的这个知识点: document.visibilityState document.hidden visibilitychange 具体用法 浏览器标签页隐藏或者显示时会改变document.visibilityState和document.hidden的值,我们可以通过visib

Android 浏览器内 H5 调试 chrome://inspect 移动前端调试方案(Android + Chrome 实现远程调试) adb 相关资源 adb shell(ADB Kits)下载地址: http://adbshell.com/downloads 打开 开发者模式 设置 关于手机 版本号,点击 5 次 返回 设置列表,列表中多了 其他设置 选项 进入 其他设置 开发者选项 调试 -> USB调试 开启即可 进入 调试模式 安装 debug 版本的 浏览器 到测试手机上 测试收

把开发过程中重要的一些内容片段做个珍藏,如下资料是关于Android软键盘的隐藏显示.事件监听的内容,应该是对小伙伴们有所用途. public class ResizeLayout extends LinearLayout{ private static int count = 0; public ResizeLayout(Context context, AttributeSet attrs) { super(context, attrs); } @Override protected voi

Android 设置EditText光标位置 最后 CharSequence text = edtTxt_my_account_edit_nickname.getText();if (text instanceof Spannable) { Spannable spanText = (Spannable)text; Selection.setSelection(spanText, text.length());} 转自:http://www.cnblogs.com/zhujiabin/p/427

首先我先声明我不是一个浏览器开发者,只是近段时间看了一些关于浏览器的东西,才有一些看法. 在几年前开发手机的web 页面,都经常因为JS插件不兼容android WebView内核,导致开发浪费大量时间去调试. 而且当时网络不太良好,导致页面加载时也不太流畅. 所以几年前基本上不会考虑使用web-app开发. 直到Android 4.4的到来,原本基于Android WebKit的WebView实现被换成基于Chromium的WebView实现. 正因为这“大统一”的关系,内核问题已经解决了,

控制边框形状,先在drawable中建一个xml文件:shape.xml <?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android"> <solid android:color="#00ff00ff"/> <corners android

分享:用 NDK C++做底层开发的Android 浏览器,纯免费,无广告 分享:用 NDK C++做底层开发的Android 浏览器,纯免费,无广告 操作简单,傻瓜一看就会 无毒.无广告.无负作用,完全免费 下载地址1:http://awdjcfeizb.l33.yunpan.cn/lk/Qz4j2U8qIuirN 下载地址2:http://pan.baidu.com/s/1bn6BIhx 效果如下: IOS 版过几天发布 完全由本人开发,有任何疑问,请联络: QQ群:74965947, 72

解决chrome浏览器对于自动填充的input表单添加的默认的淡黄色背景问题 如果我们把一个表单设置位 autofocus ,这时这个表单在获取焦点后就会产生淡黄色的背景,我们就是使用!important的方法也无法去除. 解决方法一: 取消设置input表单的autofocus属性 解决方法二:对于没有背景图片的元素,添加下面的代码: input:-webkit-autofill { -webkit-box-shadow: 0px 1000px white inset; -webkit-tex