首页
学习
活动
专区
圈层
工具
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    input获取焦点 原生js_原生js的input事件

    1.onfocus 当input 获取到焦点时触发 2.onblur 当input失去焦点时触发,注意:这个事件触发的前提是已经获取了焦点再失去焦点的时候才会触发该事件,用于判断标签为空。...3.onchange 当input失去焦点并且它的value值发生变化时触发,个人感觉可以用于注册时的确认密码。...type=button,input作为一个按钮使用时的鼠标点击事件 7.onselect 当input里的内容文本被选中后执行,只要选择了就会触发,不是全部选中 8.oninput 当input的...value值发生变化时就会触发,(与onchange的区别是不用等到失去焦点就可以触发了) 使用方法: 以上事件可以直接放到input的属性里,例如: 1 , 可以通过js给input dom元素添加相应的事件..., 2 document.getElementByTagName(‘input’).onfocus = function(); 3 事件监听。

    25.8K60

    JS实现网站内容的禁止复制和粘贴、另存为

    1、使右键和复制失效 方法1: 在网页中加入以下代码: document.oncontextmenu=new Function("event.returnValue...方 法3: 如果只限制复制,可以在加入以下代码: 禁止复制!')...;return false;"> 2、使菜单"文件"-"另存为"失效 如果只是禁止了右键和选择复制,别人还可以通过浏览器菜单中的"文件"-"另存为"拷贝文件。...document.onselectstart=function(evt){ evt.preventDefault(); }; ————————————————————————————————————— 既然可以禁止...如: document.oncontextmenu=""; document.onselectstart=true; 或者 禁用js:打开谷歌浏览器,选择“设置” – 选择“隐私设置” – 选项“

    4.2K20

    input禁止输入的方法

    1. readonly 规定输入字段为只读可复制,但是,用户可以使用Tab键切换到该字段,可选择,可以接收焦点,还可以选中或拷贝其文本。...input type="text" value="test" readonly="readonly"> 2. disabled  被禁用的 input 元素可复制,不能接收焦点,设置后文字的颜色会变成灰色...无法与 input type="hidden"> 一起使用。 input type="text" value="test" disabled="disabled"> 3. ...通过控制input的max length为0实现 input type="text" maxlength="0"> 4. οnfοcus="this.blur();" onfocuse是聚焦的意思,...当你把光标放在文本框上输入的时候,就是聚焦,但这里添加了"this.blur()",blur的作用就是去除聚焦,也就是你不能把光标放在这个文本框上,换句话说就是你不能输入文本了   input type

    2.6K51

    【js】Input事件

    Input Event常用事件触发的先后顺序如下: 1 keydown 2 keypress 3 textInput 4 input 5 keyup keydown,keyup 1 全部浏览器支持 2...返回键盘上按键对应的ASCII码 (IE8-,Opera) textInput 1 IE9+,Chrome,Safari支持,别的浏览器不支持 2 在文本插入文本框之前触发,便于检查拦截用户输入使用 3 在input...:text,input:password,input:search,textarea以及元素是contentEditable模式时支持触发此事件 4 event.data,返回用户输入的文本 (如果按键是...s,那么返回s; 如果按键是s+Shift,那么返回S) 5 IE9中事件名为textinput(全小写,其它浏览器中I需要大写) input 1 IE9+,Firefox,Chrome,Safari,...Opera支持 2 在内容变化时,实时触发 3 在input:text,input:password,input:search,textarea支持触发此事件,在内容变化时,实时触发 (与onchange

    10.3K30

    禁止在input中输入中文

    input onpaste="return false" ondragenter="return false"  style="ime-mode:disabled">  提示:设置ime-mode为disabled...的意思是禁止在输入时禁止用户激活输入中文,韩文,日文等的输入法(IME)状态,因为这个只能检测到键盘的输入,对通过鼠标操作的粘贴和拖放无效。...str.charCodeAt(i)>0&&str.charCodeAt(i)<255)          temp+=str.charAt(i)  return temp  }    input...input onpaste="return false" ondragenter="return false"  onkeyup="this.value=this.value.replace(/[^/...-/uFFE5]/gi,’’)">  特别提示  本例代码运行后,第一种方法是不能切换输入法,所以无法输入中文,其它三种方法是在输入中文后立即被替换为空,同时禁止了粘贴和拖放事件。

    4K31
    领券