我正在尝试制作一个符合 ADA 的表单,它需要在几个 dropzone 字段上进行选项卡,这些字段除了可点击之外还需要使用 onKeyDown 事件处理程序。
我尝试将 onkeydown 添加到 dropzoneJsConfig 中,如下所示:
this.dropzoneJsConfig = {
addRemoveLinks: true,
clickable: true,
onkeydown: true,
..., }
但这似乎不起作用。
我将 tabIndex 添加到包含 Dropzone 元素的 div 中:
return (
<div tabIndex={0} className={className}
ref={(div) => this.afterRender(div)}
data-help-text={help_text}
data-valid={this.state.valid}
data-processing={this.state.processing}
>
<Dropzone config={this.dropzoneConfig} eventHandlers={this.dropzoneEventHandlers} djsConfig={this.dropzoneJsConfig}>
</Dropzone>
</div>
);
请帮忙!