Registering Click Event

Question

I tried using the following JavaScript on slide enter. The click event registers OUTSIDE the slide but not inside. Basically I just want to capture the coordinates whenever a user clicks on the slide.

function getClickPosition(e) {
var xPosition = e.clientX;
var yPosition = e.clientY;
console.log(xPosition,",",yPosition);
window.cpAPIInterface.setVariableValue("X_COORDINATE",xPosition);
window.cpAPIInterface.setVariableValue("Y_COORDINATE",yPosition);
}
window.addEventListener("click", getClickPosition, false);

TLCMediaDesign · Accepted Answer

'use strict';/* global cp */var interfaceObj, eventEmitterObj, mySlide = null;window.addEventListener( 'moduleReadyEvent', function ( e ){ interfaceObj = e.Data; eventEmitterObj = interfaceObj.getEventEmitter(); initializeEventListeners();});function initializeEventListeners(){ eventEmitterObj.addEventListener( 'CPAPI_SLIDEENTER', function ( e ) {  mySlide = document.getElementById("div_Slide"); mySlide.addEventListener("click", getClickPosition, false); });}function getClickPosition(e){  var pw = ( window.innerWidth - parseInt($(mySlide).css("width"))) / 2; window.cpAPIInterface.setVariableValue("X_COORDINATE", e.clientX - pw);  window.cpAPIInterface.setVariableValue("Y_COORDINATE", e.clientY); }

TLCMediaDesign · Answer

This code will tell you where on the slide the user clicks. The left of the slide is 0;

var mySlide = null;

function getClickPosition(e)

{

var pw = ( window.innerWidth - parseInt($(mySlide).css("width"))) / 2;

window.cpAPIInterface.setVariableValue("X_COORDINATE", e.clientX - pw);

window.cpAPIInterface.setVariableValue("Y_COORDINATE", e.clientY);

}

mySlide = document.getElementById("div_Slide");

mySlide.addEventListener("click", getClickPosition, false);

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.