gpt4 book ai didi

javascript - Firefox、ExtJS 和间歇性按钮问题

转载 作者:行者123 更新时间:2023-11-28 01:55:54 25 4
gpt4 key购买 nike

在 Firefox 中,ExtJS 网页中的按钮有时不起作用,并且光标在手和指针之间闪烁。

有什么方法可以修复它,因为它在 IE 和 Chrome 中工作。

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Button problem</title>
<script src="ext-all.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="ext-all-gray.css"/>
<style>
</style>
</head>
<body>
<script type="text/javascript">
Ext.onReady(function () {
Ext.create('Ext.container.Viewport', {
layout: 'border',
items: [
{
id: 'sidePanel',
region: 'west',
xtype: 'panel',
width: '20%',
layout: {
type: 'vbox',
align: 'stretch'
},
split: true
},
{
id: 'tiger',
region: 'east',
width: '500px',
height: '500px',
type: 'container',
//layout: 'fit'
}
],
renderTo: Ext.getBody()
}
);
var button = Ext.create(
'Ext.button.Button',
{
enableToggle: false,
text: 'Press Me',
flex: 1,
listeners: {
click: function (target, e, eOpts) {
alert("Button Pressed!");
}
}
}
);

var label = Ext.create(
'Ext.form.Label',
{
text: '1234',
width: '100px',
height: '30px',
padding: '0 2px 0 2px'
}
);

var panel = Ext.create(
'Ext.panel.Panel',
{
title: 'Test Panel',
itemId: 'cine',
margin: 5,
layout: {
type: 'vbox',
align: 'stretch'
},
items: [button, label]
}
);
Ext.getCmp('sidePanel').add(panel);
var dom = document.createElement('canvas');
Ext.getCmp('tiger').add(dom);
var context = dom.getContext('2d');
var image = new Image();
var i = 0;
var f = function() {
label.setText("Index is " + i);
i++;
};
setInterval(f, 50)
});

</script>
</body>
</html>

最佳答案

答案是设置面板的高度,这样就不必每次都进行中继

关于javascript - Firefox、ExtJS 和间歇性按钮问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19136711/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com