javascript - 排除选择菜单形式的onclick onclick事件

Question

我正在使用具有可点击行的数据表 ( https://datatables.net)。这是我的代码:

$(document).ready(function() {
  let city = document.getElementById("cityselect").value;

    var table = $('#resdatatable').DataTable();

    $('#resdatatable tbody').on('click', 'tr', function () {

        var data = table.row( this ).data().id;

         alert ("clicked!");

    } );
} );

在那些可点击的行中，我有一个选择框，onchange 调用一个函数。看起来像这样:

<select id ="resstatus1" onchange="changeResStatus(1)" data-previousvalue="Confirmed">

我遇到的问题是，在 Chrome(而非 Safari)中单击选择框时，我会收到警报。我需要这样做，以便单击选择框不会触发警报。我该怎么做？

谢谢!

Answer 1

我是这样做的并且有效:

$('#resdatatable tbody').on('click', 'tr', function (e) {
if($(e.target).is('select')){
        e.preventDefault();
        return;
    }
};

提到的其他方式破坏了整个点击功能。