http://blajeny.comで私は持っています:
jQuery('body').click(function(event_object)
{
spark(event_object.pageX, event_object.pageY);
});
function spark(x, y)
{
console.log('Spark called.');
var image_object = new Image();
image_object.onLoad = function()
{
image_object.style.position = 'absolute';
image_object.style.zIndex = 1;
image_object.style.top = y;
image_object.style.left = x;
}
image_object.src = '/img/spark.png';
}
この段階での意図された効果は、ユーザーがクリックしたXとYに画像をロードすることです。(アニメーション化など、他のこともやりたいのですが、今はユーザーがクリックした場所に画像を表示させようとしています。)
javaScriptコンソールには、ハンドラーが呼び出されていることが示されていますが、マウスがクリックされたポイントのすぐ下と右側にあるかすんでいる青い円が表示されていません。
クリックした座標の下と右に新しい画像をロードするために、別の方法で何ができますか/すべきですか?
ありがとう、