有没有办法让
HTML5画布成为我正在制作的网页的背景,并将所有元素放在它上面.
所以它就像< body>？
我尝试使用z-index并将元素放在顶部,但随后它们可以点击或聚焦.我需要它们仍然可以正常运行,但画布也可以在后台单击,而不是可点击的地方.
解决方法
只需将< canvas>的z-index设置为-1即可.如果您的画布由顶部的容器覆盖,请使用
createEvent.
[1]模拟自定义事件
演示：http://jsfiddle.net/DerekL/uw5XU/
var canvas = $("canvas"),//jQuery selector,similar to querySelectorAll()
//...
function simulate(e) {
var evt = document.createEvent("MouseEvents");
evt.initMouseEvent("mousemove",true,window,e.screenX,e.screenY,e.clientX,e.clientY,false,null);
canvas[0].dispatchEvent(evt);
}
$("body > *").each(function () {
this.addEventListener("mousemove",simulate);
});
