2017-6-19 jquery里面获取div区块的宽度与高度 和 文本框中只能输入数字

获取宽度

$('div').width();     获取：区块的本身宽度

$('div').outerWidth();     获取：区块的宽度+padding宽度+border宽度

$('div').outerWidth(true);    获取：区块的宽度+padding宽度+border宽度+margin的宽度

 

获取高度

$('div').height();     获取：区块的本身高度

$('div').outerHeight();     获取：区块的高度+padding高度+border高度

$('div').outerHeight(true);    获取：区块的高度+padding高度+border高度+margin的高度

 

文本框中只能输入数字

<input type="text" style="ime-mode:disabled;" onpaste="return false;"  onkeypress="keyPress()" /> 

js方法：

function keyPress() {
var keyCode = event.keyCode;
if ((keyCode >= 48 && keyCode <= 57)) {
event.returnValue = true;
} else {
event.returnValue = false;
}
}

 

style:ime-mode:disabled表示不能切换输入法 
onpaste="return false;" 表示不能粘贴 

重要说明： 
上述js代码中键值48－57在键值表中只是对应大键盘的0－9，而小键盘的0－9键值是96－105，那为什么也能输入呢？ 
经过自己测试发现在input中，你输入的是小键盘的0－9，它所识别的keycode也是48－57