Component object¶
Mollie.js
https://js.mollie.com/v1/mollie.js
A Component
object in the Mollie JavaScript SDK references an embeddable checkout component, such as a credit card
number field or a credit card expiry date field.
For a step-by-step tutorial on integrating Mollie Components, refer to the Mollie Components guide.
component.mount(targetElement)¶
Adds the component to the DOM, meaning it will become visible for the user from this point onwards.
1 2 | <label for="cardNumber">Card number</label> <div id="cardNumber"></div> |
targetElement
HTMLElement|stringrequiredJavascript¶
1 | cardNumberEl.mount('#cardNumber'); |
ES6¶
1 | cardNumberEl.mount('#cardNumber'); |
component.addEventListener(event, callback)¶
Components can listen to several events
. The callback receives an object with all the related information.
event
stringrequiredSubscribe to the event that are emitted by Mollie js.
Possible values: "blur"
"focus"
"change"
callback
functionrequired
A function that will be called whenever the event is been emitted.
Javascript¶
1 2 | var callback = function(event) { console.log('We need a real world example here', event.type) } cardNumberEl.addEventListener('change', callback); |
ES6¶
1 2 | const callback = (event)=> { console.log('We need a real world example here', event.type) } cardNumberEl.addEventListener('change', callback); |