Javascript - jQuery preventDefault 方法

Question

我是一个 javascript 菜鸟，如果这个问题不是针对这个论坛的，那么我深表歉意。我试图理解 jQuery 方法:

e.preventDefault()

在下面的代码中，当将项目从一个列表移动到另一个列表时，我们需要能够移动项目。我想知道那里到底发生了什么，我们要防止发生什么默认操作？

 $('#move').click(
  function(e) {
    $('#list1 > option:selected').appendTo('#list2');
    e.preventDefault();
  });

$('#moveAll').click(
function(e) {
  $('#list1 > option').appendTo('#list2');
  e.preventDefault();
});

$('#removeAll').click(
  function(e) {
    $('#list2 > option').appendTo('#list1');
    e.preventDefault();
  });

Answer 1

基本上，当您单击超链接时，它会回传到 url 或 #当我们添加e.preventDefault()函数时，jQuery会阻止点击事件的默认 Action 。

因此，当您点击#move时，页面不会刷新，但会执行函数内的操作。

希望这对您有所帮助!