我想检测我的工具栏上的点击，或者是工具栏的焦点。
该用例是从LiveSearchGrid中提取出来的，它有一个工具栏，在代码中可以看到。提供的代码呈现得很好，但没有检测到点击、聚焦或其他任何内容。什么都没有。
见下文：

<div id="toolbar"></div>
<script type="text/javascript">
    Ext.create('Ext.toolbar.Toolbar', {
        renderTo: 'toolbar',
        name: 'searchBar',
        focusEl: 'toolbar',
        listeners: {
            focusenter: function () {
                console.log('focusenter')
            },
            focus: function () {
                console.log('focus')
            }
        },
        items: [
            {
                xtype: 'tbtext',
                html:  'Search',
                listeners: {
                    focusenter: function () {
                        console.log('focusenter')
                    }
                }
            },
            'Case Sensitive'
        ]
    })  
</script>

下面是简单的JavaScript，它解决了我的问题。

document.getElementById('toolbar').onclick = function () {
    console.log('hello world');
}

我做错了什么？