js实现文本框中内容的放大显示
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>文本框放大</title>
<script>
function $(id){
return document.getElementById(id);
} function showBigInfo(obj){
var bigObj;
if(!$("bigInfo")){
bigObj=document.createElement("span");
bigObj.setAttribute("id","bigInfo");
bigObj.style.position="absolute";
bigObj.style.border="1px solid #F93";
bigObj.style.borderRadius="2px";
bigObj.style.color="red";
bigObj.style.fontSize="26px";
bigObj.style.fontWeight="bold";
bigObj.style.padding="4px";
bigObj.style.display="none";
document.body.appendChild(bigObj);
obj.onblur=function(){
$("bigInfo").style.display="none";
}
obj.onfocus=function(){
$("bigInfo").style.display="block";
}
}else{
bigObj=$("bigInfo");
}
bigObj.style.display="block";
var str="";
var info=obj.value;
for(var i=;i<info.length;i+=){
str+=info.substr(i,)+" ";
}
bigObj.innerHTML=str;
if(obj.offsetTop<){ //放大框在下方显示
bigObj.style.top=(obj.offsetTop+obj.offsetHeight+)+"px";
}else{ //放大框在上方显示
bigObj.style.top=(obj.offsetTop-bigObj.offsetHeight-)+"px";
}
bigObj.style.left=(obj.offsetLeft+obj.offsetWidth/-bigObj.offsetWidth/)+"px";
}
</script>
</head> <body>
<br /><br /><br /><br /><br /><br />
<center> 请输入身份证号码:<input type="password" onKeyUp="showBigInfo(this)" maxlength="" size=""/>
<br />
请输入身份证号码:<input type="password" onKeyUp="showBigInfo(this)" maxlength="" size=""/>
<br />
请输入身份证号码:<input type="password" onKeyUp="showBigInfo(this)" maxlength="" size=""/> </center>
</body>
</html>
js实现文本框中内容的放大显示的更多相关文章
- JS控制文本框中的密码显示/隐藏功能
<html> <head> <title>[荐]JS控制文本框中的密码显示/隐藏功能_网页代码站(www.6a8a.com)</title> <s ...
- js数据显示在文本框中(页面加载显示和按钮触动显示)
web代码如下: <!DOCTYPE html> <html> <head> <title>jsTest02.html</title> &l ...
- 用js检测文本框中输入的是否符合条件并有错误和正确提醒
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> ...
- 用js判断文本框中的是不是空,是否有空格
<script type="text/javascript"> function checkRoleName(){ var userName=document.getE ...
- C#.NET常见问题(FAQ)-如何让文本框textbox内容靠右显示
对于TextBox,我可以设置Text-Align属性为right,就可以让文字靠右了 对于Label而言,需要修改AutoSize为False,并修改TextAlign为MiddleRight, ...
- js限制文本框只能输入数字方法小结(转)
这篇文章主要分享下js代码限制文本框中只能输入数字的多个实例,学习下js控制文本框中输入数字的方法,需要的朋友可以参考下 有时需要限制文本框输入内容的类型,本节分享下正则表达式限制文本框只能输入数 ...
- Js控制显示、隐藏文本框中的密码
Js控制显示.隐藏文本框中的密码,也可称为是一款小型的JavaScript星号密码破解器,点击会显示出密码类型的文本框中的真实信息,再次点击则还原,程序 主要是获取HTML元素对象,然后强制更改元素属 ...
- DEV中dx:ASPxPopupControl 控件的使用(在窗口关闭或隐藏时,清楚文本框中的内容)
//在窗口关闭或隐藏时,清楚文本框中的内容(核心代码) function(s, e) { ASPxClientEdit.ClearGroup('entryGroup'); } <asp:Cont ...
- 第二十七篇 -- 如何给静态文本设置成ico图标形式以及如何修改文本框中的内容
修改静态文本框内容: CWnd* pWnd = GetDlgItem(IDC_STATIC1); pWnd->SetWindowText(_T("Server is on!" ...
随机推荐
- Elasticsearch配置文件说明
一.Cluster setting Cluster indices.ttl.interval 允许设置多久过期的文件会被自动删除.默认值是60秒. indices.cache.filter.siz ...
- C++的友元类和友元函数实例
#include <math.h> #include<iostream> using namespace std; class Point { public: Point(do ...
- 断言(Assert)与异常(Exception)
断言是被用来检查非法情况而不是错误情况,即在该程序正常工作时绝不应该发生的非法情况,用来帮助开发人员对问题的快速定位.异常处理用于对程序发生异常情况的处理,增强程序的健壮性.容错性,减少程序使用中对用 ...
- [WPF系列]-数据邦定之DataTemplate 对 ItemsControl 进行样式和模板处理
引言 即使 ItemsControl 不是 DataTemplate 所用于的唯一控件类型,将 ItemsControl 绑定到集合仍然很常见. 在 DataTemplate 中有哪些内容一节中, ...
- [转]MVC过滤器
本文转自:http://www.cnblogs.com/HopeGi/p/3342083.html APS.NET MVC中(以下简称“MVC”)的每一个请求,都会分配给相应的控制器和对应的行为方法去 ...
- 关于Composer——好久不动手了。。。
六月第一“血” 看书,发现喜欢从尾开始读起,然后 php经典实例 中,最后一章是PEAR内容,知乎上一查,完,过时了,完全都是Composer,那就学一下吧 一.啥东西 一句话:依赖管理工具: 解释: ...
- 固态硬盘与机械硬盘 SQL Server 单表插入性能对比测试
测试环境
- UVA 11859 Division Game[Nim游戏]
题意:给定一个N*M的矩阵,每次可以选择同一行中的若干个数,把它们变成它们的质因子.问说先手的可否获胜. 同一行相当于1堆,数量就是所有数的质因子个数之和 #include <iostream& ...
- Java程序设计之消费者和生产者
新建一个Break类,表示食物数量. public class Break { public static final int MAX = 10; //最多一次性煮十个面包 Stack<Inte ...
- 项目<<魔兽登录系统>>
创建魔兽系统相关窗体: 登录窗体(frmLogin) 注册窗体(frmRegister) 主窗体 (frmMain) 实现魔兽登录系统: 登录的界面如下 实现思路: 1.创建一个对象数组,长度为1 ...