私は単純なaureliaビューとビューモデルを持っています。私の見解では、svgを指すオブジェクトがあり、mouseover.delegate = "domouseover()" mouseout.delegate = "domouseout()"を実行できますが、click.delegate = "doClickSVG "doClickSVG()メソッドは呼び出されません! 私は何が間違っていますか?助けてください、私はこれを理解しようと多くの時間を費やしました!Aurelia click.delegateがオブジェクト要素で機能していない、mouseover.delegateがうまく機能する
また、別のdivのSVGを指すimgを持っています。私がclick.delegate = "doClickSVG()"を実行すると、それはちょうどいいと呼ばれます。
click.delegateをclick.triggerにするなど、オブジェクトを操作するためにあらゆる種類のものを試しました。私は親要素にclick.delegateを置いて、役立つかどうかを知ることもできますが、運はありません。
ビュー
<object class="vehicle-icon vehicle-icon-selected" type="image/svg+xml" id="svgId"
data="e-3.svg" height="50" width="50" viewBox="0 0 50 50"
mouseover.delegate="domouseover()" mouseout.delegate="domouseout()"
click.delegate="doClickSVG()">
</object>
<div>
<img src="e-3-old.svg" click.delegate="doClickSVG()"/>
</div>
ビューモデル エクスポートクラスのApp { メッセージ:=文字列 'は、オーレリアへようこそ!';
domouseover() {
document.getElementById(event.srcElement.id).style.backgroundColor = "yellow";
document.getElementById(event.srcElement.id).getSVGDocument().getElementById("fillColor").style.fill = "blue";
}
domouseout() {
document.getElementById(event.srcElement.id).style.backgroundColor = "white";
document.getElementById(event.srcElement.id).getSVGDocument().getElementById("fillColor").style.fill = "green";
}
doClick() {
alert("in doClick");
}
doClickSVG() {
alert("in doClickSVG");
}
} はここ
あなたが一緒に使用して、この問題の再現を入れた場合は[ Aurelia Gist](https://gist.run/?id=7542e061bc940cde506b)私たちは、あなたをより簡単に助けることができるでしょう。 –