Los eventos vinculados no se están cargando (simplemente funcionan correctamente en Mozilla Firefox)

Así que estoy usando almacenamiento local. He añadido algunos eventos al componente de esta manera.

comps.addType('input', {
  modelo: {...},
  view: defaultType.view.extend({
    Eventos de vinculación
    eventos: {
      Si quieres vincular el evento a elementos infantiles
      'haz clic en .someChildrenClass': 'métodoNombre',
      clic: 'handleClick',
      dblclick: function(){
        alerta ('¡Hola!');
      }
    },

No tiene mucho sentido que este método esté dentro del componente
    Pero está bien como ejemplo
    randomHex: función() {
      return '#' + Math.floor(Math.random()*16777216).toString(16);
    },

handleClick: function(e) {
      this.model.set('style', {color: this.randomHex()}); <- Afecta al código HTML final
      this.el.style.backgroundColor = this.randomHex(); <- No afecta al código HTML final
      Consejo: actualizar el modelo reflejará los cambios en la vista, así que, en este caso,
      si pones el cambio de modelo después del del DOM, esto sobrescribirá el Color de fondo
      Cambios realizados antes
    },

El render() debería devolver 'esto'
    render: función () {
      Extiende el método de renderizado original
      defaultType.view.prototype.render.apply(esto, argumentos);
      this.el.placeholder = 'Texto aquí'; <- No afecta al código HTML final
      devuelvo esto;
    },
  }),
});

Cada vez que añado el componente funciona perfectamente. Sin embargo, si recargo la página, el componente sigue ahí, pero ya no activa el evento de clic ni el dblclick. He notado que esto ocurre en Chrome y Safari navegadores. Para solucionar este problema tienes que usar Firefox. ¿Cómo solucionar esto en cualquier navegador? ¡Gracias!