使用用户输入在HTML5画布中移动对象

Question

我只是JavaScript的新手，我的代码出现了问题，我试图通过用户输入在画布上移动一个对象。

使用Firefox运行它可以正常工作但是使用Chrome用户输入移动方块不起作用我想知道为什么会这样？

Ext.define('Portal.view.users.UsersGrid', {
    extend: 'Ext.grid.Panel',

    store: 'UsersDetails',

    columns: [
        {
            dataIndex: 'id',
            text: 'Id'
        },
        {
            dataIndex: 'Username',
            text: 'Username'
        },
        {
            dataIndex: 'Email',
            text: 'Email'
        },
        {
            dataIndex: 'FirstName',          
            text: 'First Name'
        },
        {
            dataIndex: 'LastName',
            text: 'Last Name'
        },         
        {
            text: "Status",
            cls: "status-column",
            renderer: function (value, meta, record) {
                return "loading...";
            }
        }
    ],

    loadUserRights: function () {
        var columns = this.getEl().select('.status-column');
        var cells = this.getEl().select(".x-grid-cell-" + columns.elements[0].id + " .x-grid-cell-inner");
        data = this.getStore().getData();

        Ext.each(data.items, function (record, index) {
            var userRights = record.userUserRights();
            userRights.load({
                callback: function (records, operation, success) {
                    if (success) {
                        cells.elements[index].innerText = userRights.data.items[0].data.Status;
                    }
                }
            });

        });
    }
});

Answer 1

您必须将keypress事件更改为keydown才能使其在基于IE和Chromium的浏览器中正常运行。