Events

cancel( event, ui )

Type: pinpadcancel

Triggered when the cancel button is clicked.

• event
  Type: Event
• ui
  Type: Object

Note: The ui object is empty but included for consistency with other events.

Code examples:
Initialize the pinpad with the cancel callback specified:

$( ".selector" ).pinpad( {
    cancel: function( event, ui ) {}
} );

Bind an event listener to the pinpadcancel event:

$( ".selector" ).on( "pinpadcancel", function( event, ui ) {} );

---

change( event, ui )

Type: pinpadchange

Triggered when the value of the pinpad changes.

• event
  Type: Event
• ui
  Type: Object

Note: The ui object is empty but included for consistency with other events.

Code examples:
Initialize the pinpad with the change callback specified:

$( ".selector" ).pinpad( {
    change: function( event, ui ) {}
} );

Bind an event listener to the pinpadchange event:

$( ".selector" ).on( "pinpadchange", function( event, ui ) {} );

---

close( event, ui )

Type: pinpadclose

Triggered when the pinpad is closed.

• event
  Type: Event
• ui
  Type: Object

Note: The ui object is empty but included for consistency with other events.

Code examples:
Initialize the pinpad with the close callback specified:

$( ".selector" ).pinpad( {
    close: function( event, ui ) {}
} );

Bind an event listener to the pinpadclose event:

$( ".selector" ).on( "pinpadclose", function( event, ui ) {} );

---

confirm( event, ui )

Type: pinpadconfirm

Triggered when the confirm button is clicked.

• event
  Type: Event
• ui
  Type: Object

Note: The ui object is empty but included for consistency with other events.

Code examples:
Initialize the pinpad with the confirm callback specified:

$( ".selector" ).pinpad( {
    confirm: function( event, ui ) {}
} );

Bind an event listener to the pinpadconfirm event:

$( ".selector" ).on( "pinpadconfirm", function( event, ui ) {} );

---

create( event, ui )

Type: pinpadcreate

Triggered when the pinpad is created.

• event
  Type: Event
• ui
  Type: Object
  • options
    Type: Object
    The options hash of this pinpad.

Code examples:
Initialize the pinpad with the create callback specified:

$( ".selector" ).pinpad( {
    create: function( event, ui ) {}
} );

Bind an event listener to the pinpadcreate event:

$( ".selector" ).on( "pinpadcreate", function( event, ui ) {} );

---

keypress( event, ui )

Type: pinpadkeypress

Triggered when the pinpad is about to insert the value of a key.

• event
  Type: Event
• ui
  Type: Object
  • keyCode
    Type: Number
    The key code value of the pressed key.

Code examples:
Initialize the pinpad with the keypress callback specified:

$( ".selector" ).pinpad( {
    keypress: function( event, ui ) {}
} );

Bind an event listener to the pinpadkeypress event:

$( ".selector" ).on( "pinpadkeypress", function( event, ui ) {} );

---

open( event, ui )

Type: pinpadopen

Triggered when the pinpad is opened.

• event
  Type: Event
• ui
  Type: Object

Note: The ui object is empty but included for consistency with other events.

Code examples:
Initialize the pinpad with the open callback specified:

$( ".selector" ).pinpad( {
    open: function( event, ui ) {}
} );

Bind an event listener to the pinpadopen event:

$( ".selector" ).on( "pinpadopen", function( event, ui ) {} );