【Javascript学习笔记】【常用form操作— —Input】

目录

---

文本或者表单内容的禁止复制与粘贴

代码

html部分

    <h2>禁止复制与粘贴</h2>
    <input type="text" name="copyPaste" id="copyPaste" placeholder="禁止复制与粘贴的输入框">
    <p id="copyPasteP">禁止复制与粘贴的文本</p>

js部分

var copyPaste = document.getElementById("copyPaste");
var copyPasteP = document.getElementById("copyPasteP");
copyPaste.oncopy = function(){
    return false;
}
copyPaste.onpaste = function(){
    return false;
}
copyPasteP.oncopy = function(){
    return false;
}
copyPasteP.onpaste = function(){
    return false;
}

---

限制输入框只能输入数字

代码

html部分

<p>html5：number || tel</p>
    <input type="number" name="">
    <input type="tel" name="">
    <p>html5：pattern</p>
    <input type="text" pattern="\d">
    <input type="text" pattern="[0-9]*">
    <p>js：</p>
    <input type='text' onkeyup="(this.v=function(){this.value=this.value.replace(/[^0-9-]+/,'');}).call(this)" onblur="this.v();" />

---

回车提交

代码

html部分

    <h2>回车提交</h2>
    <input type="text" name="xxx" id="enterSubmit">

方法一

js部分

var enterSubmit = document.getElementById("enterSubmit");
    enterSubmit.onkeyup = function(e){
        e = e||window.event;//获取强兼容性事件对象
        var keycode = e.keyCode ||e.which ||e.charCode;
        if (keycode===13) {
            alert("提交成功");
        }
}

方法一

js部分

var enterSubmit = document.getElementById("enterSubmit");
enterSubmit.onkeydown=function(event){
e = event ? event :(window.event ? window.event : null);
    if(e.keyCode==13){
    alert("提交成功");
    }
}

---

引用到的知识点

1.正则表达式
2.回车提交e.keyCode===13
3.oncopy(),onpaste()

---

快捷链接

全部Javascript学习笔记的目录 Click Here>>
github源码下载 Click Here>>
如果你觉得我的东西能帮到你，无限欢迎给我的github库点个收藏Star~0v 0~

---