У меня были похожие требования, когда я хотел использовать красивое HTML-сообщение вместо стандартного js-сообщения.Потратив некоторое время, я наконец нашел способ сделать это.Я использовал jQuery Colorbox модальный, который очень полезен в любых модальных требованиях, не только здесь.
В основном вы можете использовать mousemove
событие и найти, если координата Y (e.clientY
) равнаменьше 5. Так что он будет срабатывать каждый раз, когда мышь находится рядом с адресной строкой (пользователь вводит новый URL или пытается закрыть окно).
jQuery(document).ready(function() {
jQuery(document).mousemove(function(e) {
if (e.clientY <= 5) {
jQuery.colorbox({initialHeight: 250, initialWidth: 250, html:'<h2>any custom HTML here</h2><br/><img src="nice-img" />'});
}
});
});
Я нашел многоНапример, используя e.pageY
, но обратите внимание, что он будет запущен только в том случае, если пользователь не прокрутил вниз.Так что, если вы прокрутите вниз даже на 5 пикселей, e.pageY
не будет работать, но e.clientY
будет работать.e.pageY
дает смещение, а e.clientY
дает абсолютную координату.Очень важно!