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

JavaScript016

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

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

很简单：

<div id="div1">

<div "div2">

</div>

</div>

javascript:

var div1 = document.getElementById('div1').height

var div2 = document.getElementById('div2').height

if(div1-div2<0)

alert("1")

function getTotal(){

var txt1= document.getElementById("txt1").value

var txt2= document.getElementById("txt2").value

var txt3= document.getElementById("txt3").value

var txt4= document.getElementById("txt4").value

var txtTotal=txt1+txt2+txt3+txt4

if(txtTotal>100){

//写你自己的操作

}

}