我的应用程序中有动态元素(带有渲染器类型画布的 div 标记,在其上附加了两个构造函数),每次添加元素时,我都想通过警报对话框或自动收报机显示所述元素的属性。
我试过 addEventListener 但这不起作用。下面是我的代码片段:
` var elem = document.getElementById('NN_park'); var elem = $("#NN-visualizer").getElementById("NeuralPark");
var two = new Two({
type: Two.Types.canvas,
width: 1300, height: 900
// fullscreen:
}).appendTo(elem);
var colors = [
'rgb(255, 64, 64)',
'rgb(0, 128, 64)',
'rgb(0, 200, 255)',
'rgb(135, 90, 68)',
'rgb(153, 75, 55)',
'rgb(255, 50, 0)'
];
colors.index = 0;
var radius = 20;
var radialGradient = two.makeRadialGradient(
0, 0,
radius,
new Two.Stop(0, 'rgba(255, 100, 74, 1)', 1),
new Two.Stop(1, 'rgba(0, 0, 128, 250)', 0)
);
addlayer(default_layers,default_neurons) ;
two.update();
function addneuron(x,y,r)
{
var circle = two.makeCircle(x, y, r);
circle.fill = radialGradient ;
circle.stroke = 'blue';
circle.linewidth = 2.5;
circle.addEventListener('mouseover',showTicker(event),false);
two.bind('update', function(frameCount, timeDelta) {
circle.rotation = frameCount / 60;
});
two.play();
function showTicker(event){
console.log("Ticker should be shown")
var posx = event.clientX;
var posy = event.clientY;
$mdToast.show($mdToast.simple()
.textContent("Perceptron"+ toString(posx) + toString(posy)).position('top right').hideDelay(3500));
};`
这里 addlayer 函数会调用 addneuron 函数
代码正在电子应用操作系统上运行:Windows 10