zoukankan      html  css  js  c++  java
  • 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

  • 相关阅读:
    npm执行清理缓存失败npm cache clean
    Vue中计算属性(computed)和监听属性函数watch的比较
    vue生命周期函数
    vue自定义指令
    vue 自定义过滤器
    vue 自定义全局按键修饰符
    线性回归模型
    python常用模块
    KNN算法的实现
    python集合(set)的运算
  • 原文地址:https://www.cnblogs.com/qingnianxu/p/7049113.html
Copyright © 2011-2022 走看看