Meteor Blaze 标签键事件

Question

此 Meteor 代码不会打印以控制 event.which，以便在跳出可编辑 div 时使用 Tab 键事件。为什么可编辑 div？因为我可以设置输入元素中不允许的字符串部分的样式。

顺便说一句：我在哪里可以找到 Meteor Blaze 的事件类型列表。该网站仅列出了非常有限的事件。 Other DOM events are available as well, but...

我尝试了一些 blur and onblur 但无济于事。如何在可编辑的 div 上触发 Tab 键事件？谢谢

//client/main.js template evnet

  'onblur #vin'(e){
    console.log(e.which)  //prints nothing
    let vin = e.target.value

  }

    <div class="body">
      <div id="vin" class="editable" contenteditable="true">{{vehicle.vin_a}}<span id="vinb">{{vehicle.vin_b}}</span><span id="vin4">{{vehicle.vin4}}</span></div>
      <input type="text" placeholder="make, modle, date">
    </div>

Answer 1

对我有用！

这是一个最小的、可重现的例子：

main.html:

<head>
  <title>b</title>
</head>

<body>
  {{> info}}
</body>

<template name="info">
  <div id="vin" class="editable" contenteditable="true">
    Edit me
  </div>
</template>

main.js:

import { Template } from 'meteor/templating';

import './main.html';

Template.info.events({
  'blur #vin'(event, instance) {
    console.log('blur!', event);
  }
});

也许您在错误的模板上定义了事件？

Meteor Blaze 标签键事件

Meteor Blaze tab key event

javascript

html

meteor