jquery里面获取div区块的宽度与高度 和 文本框中只能输入数字
2017-08-27 14:32
302 查看
获取宽度
$('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方法:
style:ime-mode:disabled表示不能切换输入法
onpaste="return false;" 表示不能粘贴
重要说明:
上述js代码中键值48-57在键值表中只是对应大键盘的0-9,而小键盘的0-9键值是96-105,那为什么也能输入呢?
经过自己测试发现在input中,你输入的是小键盘的0-9,它所识别的keycode也是48-57
$('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
相关文章推荐
- jquery里面获取div区块的宽度与高度
- jquery里面获取div区块的宽度与高度
- jQuery里面获取div区块的宽度与高度
- 造轮子:用Jquery控制文本框只能输入数字和字母
- JQuery 限制文本框只能输入数字和小数点
- 限制文本框只能输入两位数字_我 里面有吗?
- jquery教程限制文本框只能输入数字和小数点示例分享
- jquery 限制文本框只能输入数字
- jQuery控制文本框只能输入数字[兼容IE、火狐等浏览器]
- jquery正则表达式显示文本框输入范围 只能输入数字、小数、汉字、英文字母的方法
- JQUERY 获取 DIV 宽度与高度(width,padding,margin,border)
- 限制文本框只能输入两位数字_我 里面有吗?
- jquery限定文本框只能输入数字(整数和小数)
- jQuery控制文本框只能输入数字
- jquery 限制文本框只能输入数字
- 图形界面中如何控制在文本框里面只能输入数字字符
- Jquery实现只能输入数字的文本框
- Jquery限制文本框只能输入数字(小数点也可以)
- JQUERY 获取 DIV 宽度与高度(width,padding,margin,border)
- JQuery 限制文本框只能输入数字和小数点