首页 > 代码库 > JavaScript通过preventDefault()使input[type=text]禁止输入但保留光标
JavaScript通过preventDefault()使input[type=text]禁止输入但保留光标
一、说明
取消事件的默认动作。
该方法将通知 Web 浏览器不要执行与事件关联的默认动作(如果存在这样的动作)。例如,如果 type 属性是 "submit",在事件传播的任意阶段可以调用任意的事件句柄,通过调用该方法,可以阻止提交表单。注意,如果 Event 对象的 cancelable 属性是 fasle,那么就没有默认动作,或者不能阻止默认动作。无论哪种情况,调用该方法都没有作用。
二、语法
event.preventDefault()
三、示例
3.1 阻止<a>元素跳转
<a href="http://www.mazey.net/baby/blog" target="_blank" id="a-prevent">点击我看会不会跳转</a> <script> document.getElementById(‘a-prevent‘).addEventListener(‘click‘,function(e){ var eObj = e || window.event; eObj.preventDefault(); }); </script>
点击我看会不会跳转
3.2 禁止<input>元素键盘输入
<input type="text" id="input-prevent" placeholder="试试能不能输入" /> <script> document.getElementById(‘input-prevent‘).addEventListener(‘keypress‘,function(e){ var eObj = e || window.event; eObj.preventDefault(); }); </script>
JavaScript通过preventDefault()使input[type=text]禁止输入但保留光标
本文出自 “不知不问” 博客,请务必保留此出处http://mazey.blog.51cto.com/12997993/1946864
JavaScript通过preventDefault()使input[type=text]禁止输入但保留光标
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。