Щелчок по тексту на холсте HTML5

Question

Как сделать текст в startGameText, когда мы наводим на него курсор или щелкаем, размытие тени становится больше .. Я действительно запутался. если он в HTML, я бы просто сделал .mouseover (function () {}), но я не понимаю, как это сделать на Canvas

  $(document).ready(function(){

        var canva = $("#gameCanvas");
        var context = canva[0].getContext("2d"); 

    function startGameText(){
            context.font = "20px sans-serif";
            context.fillStyle = 'rgba(0,0,0,1)';
            context.shadowColor = "white";
            context.shadowBlur = 10;
            context.fillText("> Click here to start <", 310, 300);

    startGameText();

    })