on¶
Description: Subscribe to mouse events ('click '|'mousedown' |'mouseup’|'mouseout' |'mouseover’)
//Script in the on button
const view = await System.UI.findControl('3DViewer1')// Obtain a 3D viewer control named "3DViewer1" in the page
const scene = await view.getScene()// Get Scene
const chariot = await scene.findMesh({name:'chariot'})// Find model
const off = chariot.on('click', () =>{console.log(123)})// Bind the click event and return the function to cancel the event
chariot.userData = {off}// Save the off function in userData
//Script in the off button
const view = await System.UI.findControl('3DViewer1')// Obtain a 3D viewer control named "3DViewer1" in the page
const scene = await view.getScene()// Get Scene
const chariot = await scene.findMesh({name:'chariot'})// Find model
if (chariot.userData.off)//Determine whether to subscribe to events
{
chariot.userData.off()// Unsubscribe
}
Example:
Write the above code on the button, click the on button to subscribe to the click event, and click the off button to unsubscribe.
