Introdução ao manuseio de eventos da tela HTML5

DOM é uma parte muito importante do campo front-end da Web. Não apenas o DOM será usado ao processar os elementos HTML, mas também a programação gráfica. Por exemplo, no desenho SVG, vários gráficos são inseridos na página na forma de nós DOM, o que significa que os gráficos podem ser operados usando o método DOM. Por exemplo, se houver um elemento <ID do caminho = P1>, você poderá usar diretamente o jQuery para adicionar clique em Evento $ ('#p1'). Clique (function () {…}). No entanto, esse método de processamento DOM não é mais aplicável na tela HTML5. A tela usa outro conjunto de mecanismos. Não importa quantos gráficos sejam desenhados em tela, a tela é um todo. Os próprios gráficos fazem parte da tela e não podem ser obtidos separadamente, por isso é impossível adicionar diretamente eventos JavaScript a um determinado gráfico.

Na tela, todos os gráficos são desenhados no quadro. O método de desenho não produzirá os elementos gráficos desenhados como um valor de retorno e o JS não pode obter os elementos gráficos já desenhados. por exemplo: