admin 管理员组文章数量: 1087139
2024年3月12日发(作者：submithandler和form表单如何绑定的)
js阻止默认事件的默认操作方法
在网页开发中，我们经常遇到各种默认的表单操作、页面跳转等
操作，而有时我们需要在用户发起某些操作之前，对此进行“阻止”，
也就是阻止默认操作，这时，就需要使用js来阻止事件的默认操作。
所谓“阻止”，指的是阻止默认操作发生，比如表单提交操作，
当用户提交表单时，如果表单信息不完整，我们可以使用js来阻止
默认操作，从而让用户能够重新完善表单信息。另外，还可以通过
js来阻止页面跳转，当用户点击某个链接时，使用js可以阻止页面
跳转，同时可以显示一些提示信息让用户做出正当的选择。
js阻止默认操作的方法总共有两种，一种是通过调用函数（如
tDefault()，opagation()等），另一种是
通过设置返回值。
首先，可以通过调用相关函数，轻松实现js阻止默认操作。如
tDefault()函数，它可以阻止表单提交操作、页面跳转
等默认操作，比如下面的代码：
ntListener(submit function(e) {
tDefault();
//它操作
});
上面的代码中，我们给表单元素form绑定了一个submit事件，
然后调用tDefault()函数阻止表单提交操作。
另外，还有一个opagation()函数，它的作用是阻
- 1 -
止事件的冒泡传播，也就是阻止事件在DOM树中向上传播。它可以用
来阻止多层节点的同时触发，例如下面的例子：
ntListener(click function(e) {
opagation();
//它操作
});
上面的代码中，我们给一个div元素绑定了一个click事件，然
后调用opagation()函数阻止事件的冒泡传播，从而可
以阻止多层节点的同时触发。
其次，还可以通过设置返回值，来阻止js默认操作。这里我们
首先要强调一点，当你给一个事件绑定一个处理函数，并让它返回
false时，那么js就会取消当前元素的默认操作。例如，一个链接
元素有一个默认操作，那就是页面跳转，如果我们给它绑定一个处理
函数，让它返回false，那么就可以阻止页面跳转了，代码如下：
ntListener(click function() {
//它操作
return false;
});
同样的，对于表单提交操作，如果我们给表单绑定一个处理函数，
让它返回false，那么也可以阻止表单提交操作，代码如下：
ntListener(submit function() {
//它操作
- 2 -
return false;
});
因此，通过以上两种方法，我们便可以轻松实现js阻止默认操
作。它可以有效的控制表单提交、页面跳转等操作，从而让我们对于
用户的操作可以做出合理的判断，从而让用户可以做出更合理的选择，
进而获得更好的体验。
- 3 -
版权声明：本文标题：js阻止默认事件的默认操作方法 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://roclinux.cn/b/1710231577a563551.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。
发表评论