Question

具有多个元素的change事件调用的以下函数。

function multipleTests(){
    if(Test_X == false){
        return false;
    }
    if(Test_Y == false){
        return false;
    }
    // all tests passed release save button
    releaseButton();
}

我要下标“返回假事件”。像这样的东西：

multipleTest.bind("return false", function(){
    // do something here, like reset fields, other tests etc.
});

我必须更改函数多重测试吗？

我可以以某种方式使用 try catch 吗？

我可以以某种方式使用promise对象吗？

Answer 1

您可以做的是创建并触发自定义事件：

// create your custom event
var customEvent = new CustomEvent('my-custom-event',{
  detail: {
    tests: {
      x: null,
      y: null
    }
  }
});


// Listen for the event.
// You have to do this BEFORE dispatching the event
document.addEventListener('my-custom-event', function (e) {
   // print out the event detail
  console.log(JSON.stringify(e.detail));
}, false);

//triggered when the button is clicked
function multipleTests(){
  var Test_X = true;
  var Test_Y = false;
  
  //assign the outcome of the tests to the event detail
  customEvent.detail.tests.x = Test_X;
  customEvent.detail.tests.y = Test_Y;
  
  if(Test_X == false){
    document.dispatchEvent(customEvent);
    return false;
  }
  if(Test_Y == false){
    document.dispatchEvent(customEvent);
    return false;
  }
  // all tests passed release save button
//   releaseButton();
}

<input type=button value="trigger event" onclick="multipleTests()"/>

参考文献：

https://developer.mozilla.org/en-US/docs/Web/Guide/Events/Creating_and_triggering_events

jQuery订阅函数返回错误

1 个答案: