HTML 杂记

html input 只允许输入数字，且maxlength为16（在移动端键盘无效）

html
<input type="number" id="chargeInput" name="chcode" value="" maxlength="16" 
   oninput="if(value.length>16)value=value.slice(0,16)" 
   onkeydown="if(event.keyCode==13)event.keyCode=9" 
   onKeypress="if((event.keyCode<48 || event.keyCode>57)) event.returnValue=false" >
复制代码

html input 只允许输入数字，且maxlength为16（兼容在移动端键盘）

 <input type="text" id="chargeInput" name="chcode" class="input chargeInput" placeholder="请输入设备号" value="" 
    maxlength="16" oninput="if(value.length>16)value=value.slice(0,16)"
    onkeyup="value=value.replace(/[^\d]/g,'') " ng-pattern="/[^a-zA-Z]/">
复制代码

html input 只允许输入数字和小数点，精确度为2

注：type需要为text,如果为number，则表现不佳;在遇到非法输入(中文，多小数点)，会清空所有输入

 <input style="width: 33%;" class="weui-input" type="text"
      maxlength="6" name="pay1" oninput="if(value.length > 6)value=value.slice(0,6)" 
      onkeyup= "if( ! /^-?\d+\.?\d{0,2}$/.test(this.value)){value=value.replace(this.value,'');}" />
复制代码

Canvas的简单使用技巧

1. 若要设置宽高，必须使用width和height属性，而不能使用style来设置
2. 可以通过在window.load时来配置

  window.onload = function () {
      var box = document.getElementById("box");
      var canvas = document.createElement("canvas");
      canvas.id = "canvas";
      box.appendChild(canvas);

      //设置宽高一定要在canvas节点添加之后
      document.getElementById("canvas").width = 225;
      document.getElementById("canvas").height = 225;
  }
复制代码

jquery Ajax 使用问题

浏览器返回200， $.ajax 但不执行success的原因

1. 一般是由于dataType所写的格式和后台返回的不一致（如果为json格式，那后台返回的json必须严格符合json的标准定义）
2. 请求跨域
3. 像我一样，没有仔细查看jq的[文档](http://www.w3school.com.cn/jquery/ajax_ajax.asp#dataType)...把 datatype:'json' 写成了 ~~datatype: 'application/json'~~的
复制代码

一个bug——js文件名和内部方法名相同

此时，在安卓上不会有问题，但是在苹果手机上，会出现加载出 /xx/[object object]的情况！！！，并且网页会跳转提示一个错误页面：找不到该/xx/[object object]的资源

转载于:https://juejin.im/post/5a52cbe96fb9a01cb74e347f