javascript - JS - 使用 PreventDefault 而不是 return false

Question

对于 Js 不太好，所以需要一些现有代码的帮助。我有以下 anchor

<a href="#" class="addroom" onclick="return false;"><span>Add</span></a>

我收到有关“onclick”事件的警告，它告诉我没有 onclick="return false; 的键盘等效处理程序；我已经做了一些研究，我可以通过使用 PreventDefault 来防止此警告。如果我把它放在页面的脚本标签中，然后它的工作原理是一样的，我认为它会解决这个问题。

$("a.addrom").click(function(e) {
e.preventDefault();

});

但是，我更愿意将其添加到现有的 js 中，但我很难弄清楚发生了什么。我正在尝试将其添加到点击事件中。

setupRooms: function (settings) {
            //hide all age fields
            $(settings.agesSelector, settings.hotelSearchDiv).hide();
            //hide all except first
            $(settings.roomsSelector + ":not(:first)", settings.hotelSearchDiv).hide();
            $('select', settings.hotelSearchDiv).prop('selectedIndex', 0); //set all to 0
            $(settings.addRoomSelector, settings.hotelSearchDiv).on('click', function () {
                methods.addRoom(settings);
            });
            $(settings.removeRoomSelector, settings.hotelSearchDiv).on('click', function () {
                var id = $(this).data('id');
                methods.removeLastRoom(settings, id);
            });

            $(settings.childrenNumberSelector, settings.hotelSearchDiv).on('change', function () {
                methods.handleChildrenChange(settings, $(this));
            });
        },

编辑*感谢@patrick和@roberto，这段代码对我有用

        $(settings.addRoomSelector, settings.hotelSearchDiv).on('click', function (e) {
            e.preventDefault();
            methods.addRoom(settings);
        });

Answer 1

如果我理解正确，您想将其添加到您的点击处理程序中:

$(settings.addRoomSelector, settings.hotelSearchDiv).on('click', function (e) {
     e.preventDefault();
     methods.addRoom(settings);
});
$(settings.removeRoomSelector, settings.hotelSearchDiv).on('click', function (e) {
     e.preventDefault();
     var id = $(this).data('id');
     methods.removeLastRoom(settings, id);
});

应该足以在您的点击处理程序中设置阻止默认值。

干杯