input相关知识

前言

平时用到的，加以记录，方便别人的时候，也方便自己查阅

一、input输入框禁止复制粘贴剪切自动完成

1. 禁止复制：oncopy="return false"
2. 禁止粘贴：onpaste="return false"
3. 禁止剪切： oncut="return false"
4. 禁止右键弹出:oncontextmenu="return false"
5. 关闭自动完成功能（缓存）:autocomplete="off"
6. 自动获得焦点：autofocus="autofocus"
7. 禁用自动更正:autocorrect="off"
8. 来关闭键盘默认首字母大写(移动端)：autocapitalize="off"
9. 不对元素的文本进行拼写检查：spellcheck="false"

例如：

<input type="password" onpaste="return false" oncontextmenu="return false" oncopy="return false" oncut="return false" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" autofocus="autofocus"/>  

 二、input 输入框的事件

事件有：onkeyup（某个键盘按键被松开）、onkeypress（某个键盘按键被按下并松开）、onkeydown（某个键盘按键被按下）、onfocus（聚焦）、onchange（表单元素的内容改变）、oninput（写入）、onblur（失焦）

1. 只点击不输入（没有键盘事件）：onfocus、onblur

2. 点击加输入：onfocus、onkeydown、onkeypress、oninput、onkeyup

3. 输入完了，鼠标离开这个input：onfocus、onkeydown、onkeypress、oninput、onkeyup、onchange、onblur

4. 复制黏贴：onfocus、oninput、onchange、onblur

5. 通过脚本添加：不会触发任何事件

例如：

<input type="image" title="" src="img/1/1-1.png" data-ng-mouseleave="panLeave(5)" id="pbbtn10" 
											data-ng-mousedown="panStart(10)" data-ng-mouseup="panEnd(5)"
											style="position:absolute;left:56px;top:8px;" />

总结

这篇文章会根据自己平常涉及到的知识，不定期更新