AutoProctor Events

Most of AutoProctor’s functionality is internally driven by JavaScript’s Events. As you integrate the SDK with your website, you will use events to manage the user flow as well. On this page, we look at two types of events

• Regular events: The most important events are emitted directly to the Window target
• Custom events: The less important events are emitted as a Custom Event. The specific event (for example, ML Model is loaded) is added to the detail property of the event.

Regular events

Let's say you want to show a quiz's <div> once AutoProctor's monitoring has begun. For that, you'd write code like this Let's say you want to enable a button when AutoProctor is ready. For that, you'd write code like this

window.addEventListener('apMonitoringStarted', () => {
  div.style.visibility = 'visible'
})

Following are the events AutoProctor emits:

Custom Events

An AutoProctor custom event can be one of: apSuccessEvent, apErrorEvent or apEvidenceEvent. Let's say you want to enable a button when ML models are loaded. You would then write something like

window.addEventListener('apSuccessEvent', (e) => {
  const { successCode } = e.detail
  if (successCode === 2001) {
    btn.disabled = false
  }
})

apSuccessEvent - Success Events

apErrorEvent - Error Events

apEvidenceEvent - Evidence Events