Home/ Questions/Q 9016955
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-16T04:08:19+00:00

I want to delegate an event from one element to another. I have this

  • 0

I want to delegate an event from one element to another. I have this simple test code, and I get an exception:

Error: UNSPECIFIED_EVENT_TYPE_ERR: DOM Events Exception 0 ` at line 12 (the dispatch)

I have read this, but the commented line before it, makes no difference. How can I make this work?

Code:

<!DOCTYPE html>
<html>
  <head>
    <script src="jquery.js"></script>
    <script>
    function init(){}

    function delegator(e){
        alert('the first');
        var other = document.getElementById('myCanvas2');
        //e.trigger = other;
        other.dispatchEvent(e);
    }

    $("#myCanvas").live('dblclick', delegator);
    $("#myCanvas2").live('dblclick', function(){alert('the second');});
    </script>
  </head>
  <body>
    <canvas id="myCanvas" style="width:1200px; height:600px; border: solid black 1px;"></canvas>
    <canvas id="myCanvas2" style="width:1200px; height:600px; border: solid black 1px;"></canvas>
  </body>
</html>
  • It is important to me that all the information is going to the delegated object, since it will be replaced with various other objects like a Google Maps canvas or any other service.
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    1. .live was deprecated a while ago.

    2. Since you are using jQuery use .trigger(...)

      function delegator(e){
    alert('the first');
    $('#myCanvas2').trigger(e);
}

$("#myCanvas").on('dblclick', delegator);
$("#myCanvas2").on('dblclick', function(){alert('the second');});

      Demo: http://jsfiddle.net/maniator/zbJBd/

    • 0