rendition绑定事件的时候报错

Question

Unable to preventDefault inside passive event listener due to target being treated as passive.

Answer 1

Sam 2019-01-20 21:04:48

回复 核桃夹过的门：造成这个问题的主要原因是事件将passive属性设置为true，但这个是由epubjs完成的，我们无法进行修改，这里以touchstart举例，说明Rendition事件绑定的大致流程：

1、通过EventEmitter进行Rendition原型链扩展，添加on方法

1	EventEmitter(Rendition.prototype);

2、用户调用Rendition.on()方法绑定事件，该方法来源于event-emitter库，该方法接收两个参数：type和listener，前者是事件类型，后者是事件回调方法，on方法会在Rendition对象上扩展一个__ee__属性，我们的type和listener会以k-v形式保存在__ee__对象上：

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

on = function (type, listener) {  var data;  callable(listener);  if (!hasOwnProperty.call(this, '__ee__')) {   data = descriptor.value = create(null);   defineProperty(this, '__ee__', descriptor);   descriptor.value = null;  } else {   data = this.__ee__;  }  if (!data[type]) data[type] = listener;  else if (typeof data[type] === 'object') data[type].push(listener);  else data[type] = [data[type], listener];  return this; };

3、在iframe界面中添加touchstart事件，在managers/views/iframe.js下绑定touchstart事件：

1	h.element.addEventListener("touchstart", emitter);

4、事件触发时，会调用emitter方法，该方法会调用根据事件类型，到__ee__上找到对应的方法，并进行执行，实际调用的是event-emitter库中的emit方法

1 2 3

emit = function (type) {   // ... }

通过上述分析我们可以看到，我们无法对passive属性进行修改，所以无法使用event.preventDefault()

Answer 2

Sam 2019-01-20 19:57:48

你好，将event.preventDefault()注释即可

• 提问者 诺森德的凛冽寒风 #1

  不需要阻止默认事件吗