Question

html中，怎样用js或者jQuery去判断文本框输入的文本内容超过了文本框的宽度。

Answer 1

首先你要设定好文本框宽度，然后手动输入字符（最好用数字）来确定文本框有中能输入多少个数字。
一个数字、一个英文字母 = 1个字节
一个汉字 = 2个字节
有了以上信息：我们就可以用js或jquery去获取文本框中的文本，计算文本框中有多少个字节。
假设：
文本框宽 = 30像素 实际可以写入10个数字也就是10个字节，多于10就超出文本框的款度。
再假设文本框中输入：123abc字节数
用js通进正则我们找出汉字个数 乘以 2 就是汉字所占的字节，加上非汉字的字符（全角符号也是2个字节），上例中一个有12个字节
我们知道现文本框中 >10字符就超出了文本框宽度。

Answer 2

首先，文本框的宽度是根据像素来定的，文本框中的字体 是根据设置 来实现的。

文本框中的字体，有外边距，当多个字在文本框中，加起来多少像素就不得而知了。

所以楼主这个问题，从根本的层次上 是很不方便实现的，实现了也未必精确。

 

如果楼主是想判定在文本框中有多少个字符的话，可以使用正则表达式。

当文本框失去焦点时调用以下function  //失去焦点时间：onmouseout

function checkinput(id){
    var check = "^\d{1,13}$";
    var val = document.getElementById(id);
    //其中1代表至少有一个字符，13代表 字符数不能超过13个；
    if(!check.exec(val)){
        alert("数据不合法！");
    }
}

Answer 3

你是想实现文本框随着输入的内容自动变宽吗？无论怎样你可以参考下面的代码。
function changeInputLength()
{
　　document.getElementById("txtauto").size = document.getElementById("txtauto").value.length+2;
}

Answer 4

为什么要这么判断那？