Event listening

Both, number and CVV support listening for the following events:

• input
• focus and blur
• mouseover and mouseout
• enter and esc
• tab and shift-tab

Register the event handlers in the init or initCvvRefresh methods:

const payment = new PaymentJs();
payment.init("$INTEGRATION_KEY", "cc-number", "cc-csc", (payment) => {
  payment.numberOn("input", (data) => {
    // Handle input event
    console.log(data);
  });
  payment.numberOn("focus", (data) => {
    // Handle focus event
    console.log(data);
  });
});

For all events, the callback function will receive a data object:

{
  "cardType": "visa",
  "cvvLength": 3,
  "numberLength": 12,
  "validCvv": true,
  "validNumber": true
}

Possible cardType values are: amex, dinacard, diners, discover, elo, jcb, mada, maestro, mastercard, meeza, uatp, unionpay, visa_electron, and visa.