☰

Heello Keyboard Shortcuts

jkでタイムラインをスクロール

当前为 2014-08-09 提交的版本，查看 最新版本。

// ==UserScript==
// @name          Heello Keyboard Shortcuts 
// @namespace     http://userstyles.org
// @description   jkでタイムラインをスクロール
// @author        kawarin
// @match         http://heello.com/*
// @match         https://heello.com/*
// @version       0.7
// ==/UserScript==

// Navigation
// 
// j: Next Ping 
// k: Previous Ping 
// gg: Scroll to top
// shift+g: Scroll to bottom
//
// Actions
//
// e: Echo 



/****************************************************************
 * http://www.openjs.com/scripts/events/keyboard_shortcuts/
 * Version : 2.01.B
 * By Binny V A
 * License : BSD
 */
shortcut = {
    'all_shortcuts':{},//All the shortcuts are stored in this array
    'add': function(shortcut_combination,callback,opt) {
        //Provide a set of default options
        var default_options = {
            'type':'keydown',
            'propagate':false,
            'disable_in_input':true,
            'target':document,
            'keycode':false
        }
        if(!opt) opt = default_options;
        else {
            for(var dfo in default_options) {
                if(typeof opt[dfo] == 'undefined') opt[dfo] = default_options[dfo];
            }
        }

        var ele = opt.target;
        if(typeof opt.target == 'string') ele = document.getElementById(opt.target);
        var ths = this;
        shortcut_combination = shortcut_combination.toLowerCase();

        //The function to be called at keypress
        var func = function(e) {
            e = e || window.event;

            if(opt['disable_in_input']) { //Don't enable shortcut keys in Input, Textarea fields
                var element;
                if(e.target) element=e.target;
                else if(e.srcElement) element=e.srcElement;
                if(element.nodeType==3) element=element.parentNode;

                if(element.tagName == 'INPUT' || element.tagName == 'TEXTAREA') return;
            }

            //Find Which key is pressed
            if (e.keyCode) code = e.keyCode;
            else if (e.which) code = e.which;
            var character = String.fromCharCode(code).toLowerCase();

            if(code == 188) character=","; //If the user presses , when the type is onkeydown
            if(code == 190) character="."; //If the user presses , when the type is onkeydown

            var keys = shortcut_combination.split("+");
            //Key Pressed - counts the number of valid keypresses - if it is same as the number of keys, the shortcut function is invoked
            var kp = 0;

            //Work around for stupid Shift key bug created by using lowercase - as a result the shift+num combination was broken
            var shift_nums = {
                "`":"~",
                "1":"!",
                "2":"@",
                "3":"#",
                "4":"$",
                "5":"%",
                "6":"^",
                "7":"&",
                "8":"*",
                "9":"(",
                "0":")",
                "-":"_",
                "=":"+",
                ";":":",
                "'":"\"",
                ",":"<",
                ".":">",
                "/":"?",
                "\\":"|"
            }
            //Special Keys - and their codes
            var special_keys = {
                'esc':27,
                'escape':27,
                'tab':9,
                'space':32,
                'return':13,
                'enter':13,
                'backspace':8,

                'scrolllock':145,
                'scroll_lock':145,
                'scroll':145,
                'capslock':20,
                'caps_lock':20,
                'caps':20,
                'numlock':144,
                'num_lock':144,
                'num':144,

                'pause':19,
                'break':19,

                'insert':45,
                'home':36,
                'delete':46,
                'end':35,

                'pageup':33,
                'page_up':33,
                'pu':33,

                'pagedown':34,
                'page_down':34,
                'pd':34,

                'left':37,
                'up':38,
                'right':39,
                'down':40,

                'f1':112,
                'f2':113,
                'f3':114,
                'f4':115,
                'f5':116,
                'f6':117,
                'f7':118,
                'f8':119,
                'f9':120,
                'f10':121,
                'f11':122,
                'f12':123
            }

            var modifiers = { 
                shift: { wanted:false, pressed:false},
                ctrl : { wanted:false, pressed:false},
                alt  : { wanted:false, pressed:false},
                meta : { wanted:false, pressed:false}    //Meta is Mac specific
            };

            if(e.ctrlKey)    modifiers.ctrl.pressed = true;
            if(e.shiftKey)    modifiers.shift.pressed = true;
            if(e.altKey)    modifiers.alt.pressed = true;
            if(e.metaKey)   modifiers.meta.pressed = true;

            for(var i=0; k=keys[i],i<keys.length; i++) {
                //Modifiers
                if(k == 'ctrl' || k == 'control') {
                    kp++;
                    modifiers.ctrl.wanted = true;

                } else if(k == 'shift') {
                    kp++;
                    modifiers.shift.wanted = true;

                } else if(k == 'alt') {
                    kp++;
                    modifiers.alt.wanted = true;
                } else if(k == 'meta') {
                    kp++;
                    modifiers.meta.wanted = true;
                } else if(k.length > 1) { //If it is a special key
                    if(special_keys[k] == code) kp++;

                } else if(opt['keycode']) {
                    if(opt['keycode'] == code) kp++;

                } else { //The special keys did not match
                    if(character == k) kp++;
                    else {
                        if(shift_nums[character] && e.shiftKey) { //Stupid Shift key bug created by using lowercase
                            character = shift_nums[character]; 
                            if(character == k) kp++;
                        }
                    }
                }
            }

            if(kp == keys.length && 
                    modifiers.ctrl.pressed == modifiers.ctrl.wanted &&
                    modifiers.shift.pressed == modifiers.shift.wanted &&
                    modifiers.alt.pressed == modifiers.alt.wanted &&
                    modifiers.meta.pressed == modifiers.meta.wanted) {
                        callback(e);

                        if(!opt['propagate']) { //Stop the event
                            //e.cancelBubble is supported by IE - this will kill the bubbling process.
                            e.cancelBubble = true;
                            e.returnValue = false;

                            //e.stopPropagation works in Firefox.
                            if (e.stopPropagation) {
                                e.stopPropagation();
                                e.preventDefault();
                            }
                            return false;
                        }
                    }
        }
        this.all_shortcuts[shortcut_combination] = {
            'callback':func, 
            'target':ele, 
            'event': opt['type']
        };
        //Attach the function with the event
        if(ele.addEventListener) ele.addEventListener(opt['type'], func, false);
        else if(ele.attachEvent) ele.attachEvent('on'+opt['type'], func);
        else ele['on'+opt['type']] = func;
    },

    //Remove the shortcut - just specify the shortcut and I will remove the binding
    'remove':function(shortcut_combination) {
        shortcut_combination = shortcut_combination.toLowerCase();
        var binding = this.all_shortcuts[shortcut_combination];
        delete(this.all_shortcuts[shortcut_combination])
            if(!binding) return;
        var type = binding['event'];
        var ele = binding['target'];
        var callback = binding['callback'];

        if(ele.detachEvent) ele.detachEvent('on'+type, callback);
        else if(ele.removeEventListener) ele.removeEventListener(type, callback, false);
        else ele['on'+type] = false;
    }
};

/**********************************************************/
/*           End of "shorcut.js"                          */
/**********************************************************/


// Add class name
function add_class_name(obj,add_classes){
    var tmp_hash = new Array();
    var new_class_names = new Array();
    var class_names = obj.className.split(" ").concat(add_classes.split(" "));
    for(var i in class_names){if(class_names[i] != ""){tmp_hash[class_names[i]] = 0;}}
    for(var key in tmp_hash){new_class_names.push(key);}
    obj.className = new_class_names.join(" ");
}

// Delete class name 
function delete_class_name(obj,delete_classes){
    var new_class_names = new Array();
    var class_names = obj.className.split(" ");
    var delete_class_names = delete_classes.split(" ");
    for(var i in class_names){
        var flag = true;
        for(var j in delete_class_names){
            if(class_names[i] == delete_class_names[j]){flag = false;break;};
        }
        if(flag){new_class_names.push(class_names[i])}
    }
    obj.className = new_class_names.join(" ");
}
/*
// Send Ping
function shortPing(content) {
    var obj = new XMLHttpRequest();
    obj.open('POST', "https://heello.com/pings.json", true);
    obj.setRequestHeader('X-Requested-With', 'XMLHttpRequest');
    obj.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
    obj.send("text="+encodeURIComponent(content));
}

// Echo
function shortEcho(id) {
    var obj = new XMLHttpRequest();
    obj.open('POST', "https://heello.com/pings/" + id + "/echo", true);
    obj.setRequestHeader('X-Requested-With', 'XMLHttpRequest');
    obj.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
    obj.send('');
}

// Like
function shortLike(id) {
    var obj = new XMLHttpRequest();
    obj.open('POST', "https://heello.com/pings/" + id + "/like.json", true);
    obj.setRequestHeader('X-Requested-With', 'XMLHttpRequest');
    obj.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
    obj.send('');
}

// Button
function clickPing(){
    var forms = document.getElementsByTagName('form');
    if (forms[0].getElementsByTagName('textarea')[0].value){
        document.querySelector('div.modal-buttons input[type="button"].grey-button').click();
    }
    if (forms[1]) {
        if (forms[1].getElementsByTagName('textarea')[0].value){
            forms[1].querySelector('input[type="button"].grey-button').click();
        }
    }
    document.activeElement.blur();
}
*/

// Scroll window
function scrollStream(elm) {
    var body = document.body;
    var html = document.documentElement;
    var rect = elm.getBoundingClientRect();
    var pos = {
        "left": rect.left + (body.scrollLeft || html.scrollLeft),
        "top" : rect.top  + (body.scrollTop || html.scrollTop) - (html.clientHeight)/2 + 90 
    }
    window.scrollTo(body.scrollLeft || html.scrollLeft, pos.top);
}

// Initialization
var userprofile = document.querySelector('ul#nav-buttons.nav-pills li.dropdown ul.dropdown-menu li a').href;
var username = userprofile.replace('https://heello.com/', '');

// Background-color of selected Ping 
var sh = document.styleSheets[0];
sh.insertRule("div.hovered-stream-item {background-color: #eff8ff;}", sh.cssRules.length);

var pnt = null;
var cmf = false;
var elements = document.getElementById('timeline');

//var newPing = document.querySelector('span#nav-compose.black-button img');
var click = function(n) {
    var e = document.createEvent('MouseEvents');
    e.initMouseEvent("click",true,true,window,0,0,0,0,0,false,false,false,false,0,null);
    n.dispatchEvent(e);
};

// Keyboard shortcuts

// Navigation
//
// j: Next Ping
shortcut.add('j', function() {
    var hov = elements.querySelector('div.hovered-stream-item');
    if (pnt === null) {
        add_class_name(elements.querySelector('div[data-id]'), 'hovered-stream-item');
        pnt = 0;
    } else if (pnt >= 0 && pnt < elements.querySelectorAll('div[data-id]').length-1) {
        delete_class_name(hov, 'hovered-stream-item');
        add_class_name(elements.querySelectorAll('div[data-id]')[pnt+1], 'hovered-stream-item');
        pnt++;
    }
    var hov2 = elements.querySelector('div.hovered-stream-item');
    if (hov2) {
        scrollStream(hov2);
    }
});

// k: Previous Ping
shortcut.add('k', function() {
    var hov = elements.querySelector('div.hovered-stream-item');
    if (pnt === 0) {
        delete_class_name(hov, 'hovered-stream-item');
        pnt = null;
    } else if (pnt > 0) {
        delete_class_name(hov, 'hovered-stream-item');
        add_class_name(elements.querySelectorAll('div[data-id]')[pnt-1], 'hovered-stream-item');
        pnt--;
    }
    var hov2 = elements.querySelector('div.hovered-stream-item');
    if (hov2) {
        scrollStream(hov2);
    }
});

// shift+g: scroll to bottom
shortcut.add('shift+g', function() {
    var hov = elements.querySelector('div.hovered-stream-item');
    var pings = elements.querySelectorAll('div[data-id]');
    if (pnt !== null && pnt < pings.length-1) {
        delete_class_name(hov, 'hovered-stream-item');
    }
    pnt = pings.length-1;
    add_class_name(pings[pnt], 'hovered-stream-item');
    scrollStream(pings[pnt]);
});

// Actions
//
// e: Echo
shortcut.add('e', function() {
//    var id;
    var echolink;
    var hov = elements.querySelector('div.hovered-stream-item');
    if (hov) {
        echolink = hov.querySelector('a[href$="echo"]');
//        id = hov.getAttribute('data-id');
    } else {
//        id = elements.querySelector('div[data-id]').getAttribute('data-id');
        echolink = elements.querySelector('div[data-id] a[href$="echo"]');
    }
//    shortEcho(id);
    click(echolink);
});
/*
// c: Repeat
shortcut.add('c', function() {
    var content;
    var hov = elements.querySelector('div.hovered-stream-item');
    if (hov) {
        content = hov.querySelector('div.ping-text').textContent;        
    } else {
        content = elements.querySelector('div.ping-text').textContent;
    }
    shortPing(content);
});
*/
// enter: Open Ping details
shortcut.add('enter', function() {
    window.location.href = elements.querySelector('div.hovered-stream-item h3 small a').href;
});
/*
// n: New Ping
shortcut.add('n', function() {
    click(newPing);
});

// shift + enter: Send Ping
// ctrl + enter : Send Ping
shortcut.add('shift+enter', function() {
    clickPing();
}, { 'disable_in_input': false});

shortcut.add('ctrl+enter', function() {
    clickPing();
}, { 'disable_in_input': false});
*/
// Timelines
//
//   g: Timeline Commands Flag ON
// g g: Scroll to top
shortcut.add('g', function() {
    if (cmf) {
        cmf = false;
        var hov = elements.querySelector('div.hovered-stream-item');
        if (hov) {
            delete_class_name(hov, 'hovered-stream-item');
        }
        pnt = null;
        window.scrollTo(document.body.scrollLeft || document.documentElement.scrollLeft, 0);
    } else {
        cmf = true;
    }
});
/*
// g h: Home
shortcut.add('h', function() {
    if (cmf) {
        cmf = false;
        window.location.href = '/';
    }
});

//   r: Reply
// g r: Replies
shortcut.add('r', function() {
    if (cmf) {
        cmf = false;
        window.location.href = '/replies';
    } else {
        click(elements.querySelector('div.hovered-stream-item span.ping-reply img'));
    }
});

// g l: What's Happening?
shortcut.add('l', function() {
    if (cmf) {
        cmf = false;
        window.location.href = '/live';
    }
});

// g p: Profile
shortcut.add('p', function() {
    if (cmf) {
        cmf = false;
        window.location.href = '/' + username;
    }
});

// g s: Settings
shortcut.add('s', function() {
    if (cmf) {
        cmf = false;
        window.location.href = '/account/settings';
    }
});

//   f: Like      
// g f: Likes
shortcut.add('f', function() {
    if (cmf) {
        cmf = false;
        window.location.href = '/' + username + '/likes';
    } else {
        var hov = elements.querySelector('div.hovered-stream-item');
        if (hov) {
            id = hov.getAttribute('data-id');
            shortLike(id);
        }
    }
});

//
// esc: Close modal windows
shortcut.add('esc', function() {
    cmf = false;
    var closeButtons = document.querySelectorAll("div.modal-title div.modal-title-close");
    for (var i=0; i<closeButtons.length; i++) {
        click(closeButtons[i]);
    }
    document.activeElement.blur();
}, {'disable_in_input': false});
*/

QingJ © 2025

镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址