目录
文本或者表单内容的禁止复制与粘贴
代码
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~