Cобытие onclick + клавиша

Использую magnet для перетаскивания картинок.

$('#add_frieze_gor').on('click', () => {
                $('<img onclick="rotateBy10Deg(this)" class="magnet" src="images/tiles/'+$("#tiles_arr").val()+'.png">').appendTo('#container');
                $magnet.add(
                    document.querySelectorAll('.magnet')
                    
                );
            });  

Решил добавить возможность поворота картинки.

var delta =0;
function rotateBy10Deg(ele){
  ele.style.webkitTransform="rotate("+delta+"deg)";
  delta+=10;
}

Возникло 2 вопроса.

1. Только при первом добавлении картинки ширина и высота ее равна нулю. При повторном добавлении все становится ок. Не понимаю почему с первого раза не отрабатывает нормально.
2. При перетаскивании картинок туда-сюда, она еще и поворачивается, т.е onclick на поворот отрабатывает. Можно ли добавить клавишу с клавиатуры. Shift+клик = поворот картинки - можно так сделать?