JavaScript通过preventDefault()使input[type=text]禁止输入但保留光标

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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]禁止输入但保留光标的主要内容,如果未能解决你的问题,请参考以下文章

事件对象

阻止事件冒泡和阻止默认行为

如何在iFrame中添加原始关闭按钮?

用于创建新元素的 Mutation Observer

页面刷新后保留选择复选标记

在 2 个 rails 应用程序之间发布表单,包括文件