Question

我正在使用dojo 1.9。我有一个带有2个提交按钮的表单，我想检测哪个按钮被激活，导致表单提交事件。

在api中，我发现小部件有一个focused属性，当它们被点击时似乎是真的，或者当它有焦点时按下回车键。

dojo是否在其api中提供了一些内容来检测哪个按钮（或表单控件）导致表单提交？我的方法似乎有效，但我觉得使用这个目的更舒服。我的第一个想法是检查提交事件对象并查看srcElement，但是dojo似乎总是设置为表单元素

我做了一个jsfiddle demo来展示我的尝试。

HTML

<form id="prefs-form">
    <div>
        <input id="name">
        <button id="save" type="button">Save</button>
        <button id="delete" type="button">Delete</button>
    </div>
</form>

JS

require(["dijit/form/Button", "dijit/form/TextBox", "dijit/form/Form", "dojo/domReady!"], function(Button, TextBox, Form){

    var saveBtn = new Button({
        type: 'submit',
    }, "save");

    //make delete button
    var deleteBtn = new Button({
        type: 'submit'
    }, "delete");


    var textBox = new TextBox({
    }, "name");

    var form = new Form({
        onSubmit: function(evt){
            dojo.stopEvent(evt);
            console.log(saveBtn.get("focused"));
            console.log(deleteBtn.get("focused"));
            console.log(textBox.get("focused"));
        }
    }, "prefs-form");    
});

Answer 1

不是制作提交按钮，只需制作常规按钮，连接到按钮上的onclick事件，执行您需要的操作，然后以编程方式提交表单。

on(saveBtn, 'click', function(evt) {
    console.log('save');
    form.submit(); 
});

http://jsfiddle.net/cswing/uNusq/

多个提交小部件，检测哪个按钮被激活

1 个答案: