miniflux-legacy/assets/js/event.js
Mathias Kresin 80952f29b0 middle mouse button triggers event for all browser
This is a follow up to #1. The onclick event is triggered by different
mouse buttons across browsers:

Firefox
- all mouse buttons trigger document.onclick (https://bugzilla.mozilla.org/show_bug.cgi?id=430310)
- only left mouse button triggers document.body.onclick

Internet Explorer
- only left mouse button and without any modifier key triggers
  document.onclick

Chrome
- left & middle mouse button trigger document.onclick

Safari
- left mouse button triggers document.onclick
- middle click via mac os?

By switching to the onmouseup event this can be unified for all
mentioned browsers to:

- (CTRL+) left click triggers event
- middle click triggers event
- right click does nothing
2015-01-03 23:17:10 +01:00

189 lines
6.9 KiB
JavaScript

Miniflux.Event = (function() {
var queue = [];
return {
lastEventType: "",
ListenMouseEvents: function() {
document.onclick = function(e) {
var action = e.target.getAttribute("data-action");
if (action && action !== 'original-link') {
e.preventDefault();
}
};
document.onmouseup = function(e) {
// ignore right mouse button (context menu)
if (e.button === 2) {
return;
}
// Auto-select input content
if (e.target.nodeName === "INPUT" && e.target.className === "auto-select") {
e.target.select();
return;
}
// Application actions
var action = e.target.getAttribute("data-action");
if (action) {
Miniflux.Event.lastEventType = "mouse";
var currentItem = function () {
element = e.target;
while (element && element.parentNode) {
element = element.parentNode;
if (element.tagName && element.tagName.toLowerCase() === 'article') {
return element;
}
}
return null;
}();
switch (action) {
case 'refresh-all':
Miniflux.Feed.UpdateAll();
break;
case 'refresh-feed':
Miniflux.Feed.Update(currentItem);
break;
case 'mark-read':
Miniflux.Item.MarkAsRead(currentItem);
break;
case 'mark-unread':
Miniflux.Item.MarkAsUnread(currentItem);
break;
case 'mark-removed':
Miniflux.Item.MarkAsRemoved(currentItem);
break;
case 'bookmark':
Miniflux.Item.SwitchBookmark(currentItem);
break;
case 'download-item':
Miniflux.Item.DownloadContent(currentItem);
break;
case 'original-link':
Miniflux.Item.OpenOriginal(currentItem);
break;
case 'mark-all-read':
Miniflux.Item.MarkListingAsRead("?action=unread");
break;
case 'mark-feed-read':
Miniflux.Item.MarkListingAsRead("?action=feed-items&feed_id=" + e.target.getAttribute("data-feed-id"));
break;
}
}
};
},
ListenKeyboardEvents: function() {
document.onkeypress = function(e) {
if (e.keyCode !== 63 && (e.ctrlKey || e.shiftKey || e.altKey || e.metaKey)) {
return;
}
// Do not handle events when there is a focus in form fields
var target = e.target || e.srcElement;
if (target.tagName === 'INPUT' || target.tagName === 'TEXTAREA') {
return;
}
Miniflux.Event.lastEventType = "keyboard";
queue.push(e.keyCode || e.which);
if (queue[0] === 103) { // g
switch (queue[1]) {
case undefined:
break;
case 117: // u
window.location.href = "?action=unread";
queue = [];
break;
case 98: // b
window.location.href = "?action=bookmarks";
queue = [];
break;
case 104: // h
window.location.href = "?action=history";
queue = [];
break;
case 115: // s
window.location.href = "?action=feeds";
queue = [];
break;
case 112: // p
window.location.href = "?action=config";
queue = [];
break;
default:
queue = [];
break;
}
}
else {
queue = [];
var currentItem = function () {
return document.getElementById("current-item");
}();
switch (e.keyCode || e.which) {
case 100: // d
Miniflux.Item.DownloadContent(currentItem);
break;
case 112: // p
case 107: // k
Miniflux.Nav.SelectPreviousItem();
break;
case 110: // n
case 106: // j
Miniflux.Nav.SelectNextItem();
break;
case 118: // v
Miniflux.Item.OpenOriginal(currentItem);
break;
case 111: // o
Miniflux.Item.Show(currentItem);
break;
case 109: // m
Miniflux.Item.SwitchStatus(currentItem);
break;
case 102: // f
Miniflux.Item.SwitchBookmark(currentItem);
break;
case 104: // h
Miniflux.Nav.OpenPreviousPage();
break
case 108: // l
Miniflux.Nav.OpenNextPage();
break;
case 114: // r
Miniflux.Feed.UpdateAll();
break;
case 63: // ?
Miniflux.Nav.ShowHelp();
break;
case 122: // z
Miniflux.Item.ToggleRTLMode();
break;
}
}
};
}
};
})();