JavaScript通过preventDefault()使input[type=text]禁止输入但保留光标
2017-07-12 20:34
295 查看
一、说明
取消事件的默认动作。该方法将通知 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]禁止输入但保留光标
相关文章推荐
- JavaScript通过preventDefault()使input[type=text]禁止输入但保留光标
- 怎样将Form里type为text 的input设为只能读不能写(禁止用户输入)?
- <input type="file">禁止用户输入
- Flex TextInput 输入时选定状态框禁止
- android edittext中输入特定字符 inputtype digits
- <input type="text"> and <html:text> 禁止复制
- chrome下input[type=text]的placeholder不垂直居中的问题解决 调试通过
- <input type="text" 鼠标移动去清空默认value onclick=javascript:this.value=''
- Flex&nbsp;TextInput&nbsp;禁止输入特殊字符[…
- JavaScript:验证input[type=‘text’]输入框动态数据
- input type=file 标签禁止让用户手动输入
- <input type="text"/>可通过width="" height=""设置宽度高度
- input type=file 标签禁止让用户手动输入
- input type=file 标签禁止让用户手动输入
- 在input的type="text"里控制只能输入数字
- 在input的type="text"里控制只能输入数字
- inputtext(javascript,限制输入两位整数,不满两位前端自动补零)
- Android之设置EditText输入类型(setInputType()方法和android:inputType属性)
- javascript验证html5自带input type="date"用户输入日期过期的方法
- input type=file 标签禁止让用户手动输入