1

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

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

dojo 是否在他们的 api 中提供了一些东西来检测哪个按钮(或表单控件)导致表单提交?我的方法似乎有效,但我会觉得使用为此目的的东西会更舒服。我的第一个想法是检查提交事件对象并查看 srcElement,但 dojo 似乎总是将其设置为表单元素

我做了一个jsfiddle 演示,展示了我尝试过的内容。

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");    
});
4

1 回答 1

1

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

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

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

于 2013-06-11T18:20:24.597 回答