一、阐明
勾销事件的默认动作。该办法将告诉 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>
另外能够通过 return false;
来阻止 a
元素跳转事件。
<script>
function preventGO(){return false;}
</script>
<a href="http://www.mazey.net/baby/blog/" onclick="return false;"> 点击我看会不会跳转 1 </a><br />
<a href="http://www.mazey.net/baby/blog/" onclick="preventGO();"> 点击我看会不会跳转 2 </a><br />
<a href="http://www.mazey.net/baby/blog/" onclick="return preventGO();"> 点击我看会不会跳转 3 </a>
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>
版权申明
本博客所有的原创文章,作者皆保留版权。转载必须蕴含本申明,放弃本文残缺,并以超链接模式注明作者后除和本文原始地址:https://blog.mazey.net/538.html
(完)