Crestron Components Lib - Showcase App

ch5-image: click event

click event

Open the browser console to see the result of a Javascript event handler when the ch5-image is clicked . ( See JS tab )

Preview

HTML
JS
CSS

<ch5-image
    id="demo"
    url="https://www.crestron.com/Crestron/media/Crestron/GeneralSiteImages/Featured%20Pages/Digital%20Media/all-in-one.jpg">
</ch5-image>

var elem = document.getElementById("demo");  

elem.addEventListener('click', function(){
    console.log('image click event via javascript');
});

Execute JS before HTML

Open the browser console to see result of a jQuery event handler when the ch5-image is clicked . ( See the JS tab )

Preview

HTML
JS
CSS

<ch5-image
    id="demo2"
    url="https://www.crestron.com/Crestron/media/Crestron/GeneralSiteImages/Featured%20Pages/Digital%20Media/all-in-one.jpg">
</ch5-image>

$('#demo2').on('click', function() {
    console.log('image click event via jquery')
});

Execute JS before HTML