html5 输入密码时怎么改键盘样式为数字键盘

function validateDigitsOnly(evt) {

var e = evt || window.event,

key = e.keyCode || e.which

if (

// Backspace, Tab, Enter, Esc, Delete

key == 8 || key == 9 || key == 13 || key == 27 || key == 46 ||

// Ctrl + A

(key == 65 &&event.ctrlKey === true) ||

// Home, End, 四个方向键

key >= 35 &&key <= 40) {

return

}

if (e.shiftKey || e.altKey || e.ctrlKey) {

return false

}

var el = e.target || e.srcElement,

// 最大数字长度

nl = el.getAttribute("data-numbers") || 15,

// 最大小数长度

dl = el.getAttribute("data-decimals") || 2,

val = el.value,

// "." 位置

dotIndex = val.indexOf("."),

rng = caret.call(el),

// 光标在"."左边

rLeft = rng.end <= dotIndex,

// 光标在"."右边

rRight = rng.begin >dotIndex

if (

// 数字

key >= 48 &&key <= 57 ||

// 数字键盘输入的数字

拖放（Drag 和 drop）是 HTML5 标准的组成部分。

浏览器支持:Internet Explorer 9、Firefox、Opera 12、Chrome 以及 Safari 5 支持拖放。

被拖元素，dragElement :

(1)添加事件：ondragstart

(2)添加属性：dragable

放置元素，dropElement:

1、添加事件：ondargenter , ondragover , ondragleave , ondragend ,ondrop

和mouser划入划出一类的事件很类似，字面也很好理解，不赘述了，下面会用例子来说明。

2、页面上元素间的拖放

下面用个小例子，div间的拖放来展示，各个事件如何被触发：

系统中选择的一个或多个文件拖入该div中，files中会存储拖入文件的信息，然后我们通过file可以得到文件的类型，长度，内容然后实现上传。

3、setDragImage(image, x, y)用于设置鼠标移动过程中随鼠标一起移动的效果图。必须在dragstart中设置。

4、types,effectAllowed和dropEffect分别是拖入元素的类型，拖拽过程中鼠标显示的样式，不过通常可以忽略这几个属性，一般用不到。

---