滑鼠移出/點選div外等事件處理,及鍵盤操作
阿新 • • 發佈:2019-02-17
(1)//滑鼠移動到div外點選觸發的事件
$(function() { $("#slider").click(function(e) { if ($("#sidebar").is(":hidden")) { $("#sidebar").fadeIn(); e?e.stopPropagation():event.cancelBubble = true; } }); $("#sidebar").click(function(e) { e?e.stopPropagation():event.cancelBubble = true; }); $(document).click(function() { $("#sidebar").fadeOut(); }); $("#epubjs-view").click(function() { $("#sidebar").fadeOut(); }); })
(2)//滑鼠移出後執行隱藏DIV
function isMouseLeaveOrEnter(e, handler) { var reltg = e.relatedTarget ? e.relatedTarget : e.type == 'mouseout' ? e.toElement : e.fromElement; while (reltg && reltg != handler) { reltg = reltg.parentNode; } return (reltg != handler); } //給div繫結滑鼠移出事件 window.onload=function() { var box = document.getElementById("sidebar"); box.onmouseout = function(ev) { var ev = ev || window.event; if (!isMouseLeaveOrEnter(ev, box)) { return false; } $("#sidebar").fadeOut(); } }
(3) //滑鼠點選時判斷元素是否為隱藏屬性
$(function() {
$("#slider").click(function(e) {
if ($("#sidebar").is(":hidden")) {
$("#sidebar").fadeIn();
}
});
});
(4)//捕獲滑鼠右鍵貼上功能
$("#input").bind('paste', function(e) { var el = $(this); setTimeout(function() { var text = $(el).val(); alert(text); }, 100); });
(5)//捕獲"Ctrl + v"功能
$(document).keydown(function(e){
if( e.ctrlKey == true && e.keyCode == 86 ){
console.log('Ctrl+V');
return false;
}
});