WebKit之创建Event的2种方法

转载请注明:http://blog.csdn.net/lichwei1983

第一种方法: 直接修改WebCore的Window, HTML中关于Event名称,监听器。


1 修改HTMLAttributeName.in,增加event name: onirkeyevent;
2 修改DOMWindow.idl,增加事件监听器:attribute EventListener onirkeypress;
3 修改Domcument.idl,增加事件监听器 attribute [DontEnum] EventListener onirkeypress;
4 修改Document.h,定义事件监听器 DEFINE_ATTRIBUTE_EVENT_LISTENER(irkeypress);

第二中方法: 使用event专用IDL的构造模板

我们可以使用两个关键词来创建自己的Event:[ConstructorTemplate]是用来修饰接口的, [InitializedByEventConstructor]是用来修饰属性的。

用法: [ConstructorTemplate=Event]这种方法只能用于制定事件接口[InitializedByEventConstructor]可以用来修饰接口的属性,举例如下:

    [
        ConstructorTemplate=Event
    ] interface MichaelIREvent {
        attribute DOMString str1;
        [InitializedByEventConstructor] attribute DOMString str2;
    };

因为事件接口的构建器(constructor)要求特殊的绑定,我们需要使用这种方法来实现,通常的Constructor是不行的。

当把如上IDL文件加入Webkit编译以后,测试的JavaScript代码如下,首先建一个MichaelIREvent的DOM对象:

    var e = new MichaelIREvent("type", { bubbles: true, cancelable: true });

然后,WebCore里的MichaelIREvent::create()就会被调用. Specifically, WebCore会自动生成如下方法并把它作为构建器的回调函数:

    PassRefPtr<FooEvent> MichaelIREvent::create(const AtomicString& type, const FooEventInit& initializer)
    {
        ...;
    }

[InitializedByEventConstructor] 应该修饰那些需要构造器初始化的属性. Event接口的Spec规定了哪些属性需要初始化.具体参看W3C的链接:the spec of Event

[Constructor(DOMStringtype, optional EventInit eventInitDict),
 Exposed=(Window,Worker)]
interfaceEvent{
  readonly attribute DOMString type;
  readonly attribute EventTarget? target;
  readonly attribute EventTarget? currentTarget;

  const unsigned short NONE = 0;
  const unsigned short CAPTURING_PHASE = 1;
  const unsigned short AT_TARGET = 2;
  const unsigned short BUBBLING_PHASE = 3;
  readonly attribute unsigned short eventPhase;

  void stopPropagation();
  void stopImmediatePropagation();

  readonly attribute boolean bubbles;
  readonly attribute boolean cancelable;
  void preventDefault();
  readonly attribute boolean defaultPrevented;

  [Unforgeable] readonly attribute boolean isTrusted;
  readonly attribute DOMTimeStamp timeStamp;

  void initEvent(DOMStringtype, booleanbubbles, booleancancelable);
};

dictionary EventInit{
  boolean bubbles = false;
  boolean cancelable = false;
};


EventInit有属性:bubbles 和 cancelable, 因此bubbles 和 cancelable唯一需要被Event构建器初始化的两个参数. 换句话说,对于自定义的事件,你只需要为bubbles和cancelable属性指定InitializedByEventConstructorIn修饰即可。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在 Electron 中,我们可以使用 `electron.remote` 模块来实现文件下载功能。具体的方法如下: 1. 引入 `electron.remote` 模块: ```javascript const { remote } = require('electron'); ``` 2. 调用 `remote.dialog.showSaveDialog` 方法选择文件保存路径: ```javascript const savePath = remote.dialog.showSaveDialogSync(); ``` 3. 使用 `remote.session` 模块创建一个下载会话: ```javascript const { session } = remote; const downloadSession = session.defaultSession; ``` 4. 通过 `downloadSession.download` 方法发起文件下载请求: ```javascript const download = downloadSession.download({ url: 'https://example.com/file.zip', headers: { 'User-Agent': 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/58.0.3029.110 Safari/537.36', }, // 如果文件已存在,则设置起始点实现断点下载 // range: 'bytes=0-', }); ``` 5. 监听下载过程中的事件,例如: ```javascript // 下载开始 download.on('started', () => { console.log('Download started'); }); // 下载进度 download.on('progress', (progress) => { console.log(`Download progress: ${progress.percent}`); // 更新进度条 }); // 下载完成 download.on('done', (event, state) => { console.log(`Download done: ${state}`); // 关闭下载会话 downloadSession.close(); // 关闭可写流 writable.end(); }); ``` 需要注意的是,下载过程中需要创建一个可写流,通过监听 `data` 事件将下载的数据写入到文件中。同时,我们也可以使用 `download.pause()` 和 `download.resume()` 方法来暂停和恢复下载。完整的代码示例如下: ```javascript const { remote } = require('electron'); const { session } = remote; const downloadSession = session.defaultSession; const fs = require('fs'); const path = require('path'); // 选择文件保存路径 const savePath = remote.dialog.showSaveDialogSync(); // 创建可写流 const writable = fs.createWriteStream(savePath); // 发起下载请求 const download = downloadSession.download({ url: 'https://example.com/file.zip', headers: { 'User-Agent': 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/58.0.3029.110 Safari/537.36', }, // 如果文件已存在,则设置起始点实现断点下载 // range: 'bytes=0-', }); // 监听下载开始事件 download.on('started', () => { console.log('Download started'); }); // 监听下载进度事件 download.on('progress', (progress) => { console.log(`Download progress: ${progress.percent}`); // 更新进度条 }); // 监听下载完成事件 download.on('done', (event, state) => { console.log(`Download done: ${state}`); // 关闭下载会话 downloadSession.close(); // 关闭可写流 writable.end(); }); // 监听可读流的 data 事件,将数据写入到可写流中 download.on('data', (data) => { writable.write(data); }); // 监听下载过程中的错误事件 download.on('error', (error) => { console.error(`Download error: ${error}`); }); // 监听下载过程中的中断事件 download.on('interrupted', () => { console.log('Download interrupted'); }); // 监听下载过程中的恢复事件 download.on('resumed', () => { console.log('Download resumed'); }); // 暂停下载 // download.pause(); // 恢复下载 // download.resume(); ```

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值