如何在单独的 js 文件中将按钮单击转换为 mouseup 事件

Question

如何在单独的 js 文件中将按钮单击转换为 mouseup 事件。

我在一个 html 文件中有这个按钮代码（工作没有问题）：

<button class="J_sheetControl" id="J_timingSubmit2">Submit</button>

单击它时，它会在外部 js 文件中运行一个函数（？）：

$("#J_timingSubmit2").click(function(ev){

  var sheetStates = sheet.getSheetStates();

  var rowsCount = 15;

  var colsCount = 7;

  var timesheetrowsdata = "";

  var timesheetcoldata = "";

  for(var row= 0, rowStates=[]; row<rowsCount; ++row){

    rowStates = sheetStates[row];

    timesheetrowsdata += rowStates+(row==rowsCount-1?'':',');

  }

  timesheetcoldata = timesheetrowsdata.replace(/,/g, '');

  const testData = timesheetcoldata;

  const dataArr = testData.match(/.{1,7}/g)

  .map(s => Number(s[0])) // Only take the first char as a Number

  let dataSum = dataArr.reduce((a, b) => a + b);

  let isSameAsRowsCount = dataSum == rowsCount;

});

我想转换它，以便它在单击表标题时运行（在 mouseup 事件上）。这个函数在第二个js文件中（需要在if语句的末尾插入函数调用）：

thisSheet.delegate(".TimeSheet-colHead","mouseup.umsSheetEvent",function(ev){

if(!operationArea.startCell){

  return;

}

var curColHead = $(ev.currentTarget);

const targetStateValue = localStorage.getItem('shiftstatus');

if (targetStateValue === "earlyshift") {

  var endCell = [14,curColHead.data("col")];

  var correctedCells = cellCompare(operationArea.startCell,endCell);

  afterSelecting(ev,correctedCells);

  //code needs to go here                               

}

我试图重命名它，使它看起来更像一个标准函数，例如 ColumnChecker() 但这只是给我错误，它不是上述 mouseup 事件的函数。

我已经解决了这个问题，但它似乎不是最整洁的方法（我已经在应用程序中使用了两次类似的方法）。如果没有人有更好的解决方案，我将使用它作为答案。

var but_Open3 = document.getElementById("J_timingSubmit2");

J_timingSubmit2.click(); 

Answer 1

使用 jQuery，您可以为 mouseup 事件添加另一个事件侦听器。$("#J_timingSubmit2").mouseup( handler);$("#J_timingSubmit2").on('mouseup', handler);