Предотвратить случайный выбор / перетащите выделение

У меня есть приложение для рисования, использующее холст html5. Когда пользователь рисует и перо выскальзывает из области холста, хром выделяет элементы html на странице голубым или желтым цветом.

Это мешает рисованию. Есть ли способ предотвратить такое выделение?

Код обработки событий и рисования основан на этом сообщении: http://jsfiddle.net/rnNFB/1/

var x ;
var y ;

var lower = $('#lower').get(0).getContext('2d') ;
var upper = $('#upper').get(0).getContext('2d') ;

var dragging = false ;

function drawStroke(ctx){
    var i ;
    ctx.strokeStyle='rgba(0,0,0,0.5)' ;
    ctx.lineWidth=10 ;
    ctx.beginPath() ;
    ctx.moveTo(x[0],y[0]) ;
    for (i=1; i < x.length; i++){
        ctx.lineTo(x[i],y[i]) ;
    }
    ctx.stroke() ;
}

$('#upper').mousedown(function(e){
    x=[e.layerX];
    y=[e.layerY];
    dragging=true}) ;

$('#upper').mousemove(function(e){
    if (dragging){
        x.push(e.layerX);
        y.push(e.layerY);
        upper.clearRect(0,0,upper.canvas.width,upper.canvas.height) ;
        drawStroke(upper) ;
    }}) ;

$('#upper').mouseup(function(e){
    dragging = false ;
    upper.clearRect(0,0,upper.canvas.width,upper.canvas.height) ;
    drawStroke(lower) ;
}) ;

Если вы добавите немного h 1 над тегами холста, затем нарисуйте на холсте, перетаскивая за пределы ограничительной рамки, вы увидите синее выделение. Есть ли способ предотвратить такое поведение?