JQuery या जावास्क्रिप्ट: यदि एंकर टैग हाइपरलिंक पर क्लिक करते समय शिफ्ट कुंजी को दबाया जाए तो यह कैसे निर्धारित होगा?

Question

मेरे पास एक एंकर टैग है जो एक जावास्क्रिप्ट फ़ंक्शन को कॉल करता है।

JQuery के साथ या उसके बिना मैं यह कैसे निर्धारित करूं कि लिंक क्लिक होने पर शिफ्ट कुंजी नीचे है?

निम्न कोड काम नहीं करता है क्योंकि "असली कुंजी" (शिफ्ट कुंजी नहीं) दबाए जाने पर कीपर केवल निकाल दिया जाता है। (मैं उम्मीद कर रहा था कि अगर बस शिफ्ट कुंजी को दबाया गया तो यह आग लग जाएगी।)

var shifted = false;

$(function() {                           
    $(document).keypress(function(e) {
        shifted = e.shiftKey;
        alert('shiftkey='+e.shiftkey);
    });

    $(document).keyup(function(e) {
        shifted = false;
    });
}

...

function myfunction() {
  //shift is always false b/c keypress not fired above
}

Comments

निम्न कोड भी काम नहीं करता है क्योंकि आपने :-)shiftkeyshiftKey

— Simon_Weaver

कि जब दबाने हैंडलर बुला से बचने के लिए आप को पता है की जरूरत है shift+click, का उपयोग करेंfilter-altered-clicks

— fregante

Answer 1

    $(document).on('keyup keydown', function(e){shifted = e.shiftKey} );

Comments

यह मेरे लिए काम करता है लेकिन सभी मानक शॉर्टकट को बाधित shiftकरता है जो फ़ंक्शन के रिटर्न में शामिल नहीं होते हैं false। मुझे स्पष्ट रूप return trueसे crtl + r, ctrl + s, ctrl + p आदि की अनुमति देने की आवश्यकता है

— जॉन एच।

इसलिए सुझाव है कि की-बोर्ड की जगह कीडाउन का इस्तेमाल किया जाए।

— rwitzel

अजीब बात है, मुझे केवल कीडाउन इवेंट्स मिलते हैं, कोई कीप नहीं।

— गेरी

@rwitzel कीडाउन और की-अप आपको कीबोर्ड पर हर कुंजी के लिए निकाल दिए जाने पर शिफ्ट कुंजी की वास्तविक स्थिति को ट्रैक करने की अनुमति देता है। कुंजीपट को हमेशा निकाल नहीं दिया जाता है, उदाहरण के लिए, जब केवल कुंजी को दबाया जाता है तो निकाल नहीं दिया जाता है।

— याकूबिस्ज़ोन

@ यदि यह हो सकता है कि आपके पृष्ठ पर कुछ अन्य ईवेंट हैंडलर हैं जो ईवेंट श्रृंखला को तोड़ते हैं। पहले एक खाली / नए पृष्ठ पर जांच करें (एक जिसमें आपकी सभी लिपियाँ शामिल नहीं हैं) - यह सही काम करेगा।

— जकुबिसज़न

Answer 2

यहाँ जावास्क्रिप्ट में प्रत्येक कुंजी स्ट्रोक के लिए कुंजी कोड है। आप इसका उपयोग कर सकते हैं और पता लगा सकते हैं कि उपयोगकर्ता ने Shift कुंजी दबाया है या नहीं।

backspace           8
tab                 9
enter               13
shift               16
ctrl                17
alt                 18
pause/break         19
caps lock           20
escape              27
page up             33
page down           34
end                 35
home                36
left arrow          37
up arrow            38
right arrow         39
down arrow          40
insert              45
delete              46
0                   48
1                   49
2                   50
3                   51
4                   52
5                   53
6                   54
7                   55
8                   56
9                   57
a                   65
b                   66
c                   67
d                   68
e                   69
f                   70
g                   71
h                   72
i                   73
j                   74
k                   75
l                   76
m                   77
n                   78
o                   79
p                   80
q                   81
r                   82
s                   83
t                   84
u                   85
v                   86
w                   87
x                   88
y                   89
z                   90
left window key     91
right window key    92
select key          93
numpad 0            96
numpad 1            97
numpad 2            98
numpad 3            99
numpad 4            100
numpad 5            101
numpad 6            102
numpad 7            103
numpad 8            104
numpad 9            105
multiply            106
add                 107
subtract            109
decimal point       110
divide              111
f1                  112
f2                  113
f3                  114
f4                  115
f5                  116
f6                  117
f7                  118
f8                  119
f9                  120
f10                 121
f11                 122
f12                 123
num lock            144
scroll lock         145
semi-colon          186
equal sign          187
comma               188
dash                189
period              190
forward slash       191
grave accent        192
open bracket        219
back slash          220
close braket        221
single quote        222

सभी ब्राउज़र कीपर ईवेंट को अच्छी तरह से हैंडल नहीं करते हैं, इसलिए कुंजी अप या की डाउन इवेंट का उपयोग करें, जैसे:

$(document).keydown(function (e) {
    if (e.keyCode == 16) {
        alert(e.which + " or Shift was pressed");
    }
});

Comments

प्लस 1 इस जवाब में डाल प्रयास की राशि के लिए

— इयान वाइज

event.keyइसके बजाय का उपयोग करें ! यह आपको सीधे चार साल देगा, ex: "a", "1", "

— LeftArrow

अपने वेनिला संस्करण में और भी बेहतर:document.addEventListener("keydown", function(e){ console.log(e.which); });

— एवगेनी

Answer 3

माउस की घटनाओं के लिए, मुझे पता है कि फ़ायरफ़ॉक्स में कम से कम "शिफ्ट" इवेंट की वस्तु पर संपत्ति आपको बताएगी कि क्या शिफ्ट कुंजी नीचे है। यह MSDN पर प्रलेखित है, लेकिन मैंने इसे हमेशा के लिए आज़माया नहीं है इसलिए मुझे याद नहीं है कि यदि IE यह अधिकार करता है।

इस प्रकार आपको अपने "क्लिक" हैंडलर में इवेंट ऑब्जेक्ट पर "shiftKey" की जांच करने में सक्षम होना चाहिए।

Comments

वास्तव में। यह जावास्क्रिप्ट के शुरुआती दिनों में वापस जाने का मामला है।

— बॉब

Answer 4

मुझे एक समान समस्या थी, 'शिफ्ट + क्लिक' पर कब्जा करने की कोशिश करना, लेकिन जब से मैं मानक clickहैंडलर के बजाय कॉलबैक के साथ एक थर्ड पार्टी कंट्रोल का उपयोग कर रहा था , मेरे पास इवेंट ऑब्जेक्ट और उसके संबद्ध तक पहुंच नहीं थी e.shiftKey।

मैंने शिफ्ट-नेस को रिकॉर्ड करने और फिर बाद में अपने कॉलबैक में इसका उपयोग करने के लिए माउस डाउन इवेंट को हैंडल किया।

    var shiftHeld = false;
    $('#control').on('mousedown', function (e) { shiftHeld = e.shiftKey });

इस समस्या का हल खोजने के लिए किसी अन्य व्यक्ति के यहाँ समाप्त होने पर बस पोस्ट किया जाता है।

Answer 5

keypressजब आप क्लिक करते हैं shiftया तब यह घटना सभी ब्राउज़रों द्वारा चालू नहीं होती है ctrl, लेकिन सौभाग्य से यह keydownघटना है ।

यदि आप अपने keypressसाथ स्विच करते हैं तो keydownआपके पास बेहतर भाग्य हो सकता है।

Comments

खैर लेकिन समस्या यह है कि वह के लिए पता नहीं होगा है सुनिश्चित करें shift कुंजी दबाया जाता है या नहीं। ओह, लेकिन मुझे लगता है कि अगर झंडा "की-यूपी" के लिए भी सेट किया गया है, तो यह पता लगाना संभव होगा कि "क्लिक" कुंजी घटनाओं द्वारा कैसे व्यवस्थित किया जाता है।

— नुकीले

Answer 6

मैंने परीक्षण करने के लिए एक विधि का उपयोग किया है यदि कोई विशिष्ट कुंजी किसी सरणी में वर्तमान में दबाए गए कुंजी कोड को संग्रहीत करके दबाया गया है:

var keysPressed = [],
    shiftCode = 16;

$(document).on("keyup keydown", function(e) {
    switch(e.type) {
        case "keydown" :
            keysPressed.push(e.keyCode);
            break;
        case "keyup" :
            var idx = keysPressed.indexOf(e.keyCode);
            if (idx >= 0)
                keysPressed.splice(idx, 1);
            break;
    }
});

$("a.shifty").on("click", function(e) {
    e.preventDefault();
    console.log("Shift Pressed: " + (isKeyPressed(shiftCode) ? "true" : "false"));
});

function isKeyPressed(code) {
    return keysPressed.indexOf(code) >= 0;
}

यहाँ jsfiddle है

Comments

कूल सॉल्यूशन लेकिन इसमें की-अप पर मामूली सुधार की आवश्यकता है: जबकि (idx> = 0) {keysPressed.splice (idx, 1); idx = avpg.keysPressed.indexOf (e.keyCode); } अन्यथा, केवल एक कीपर की पहली घटना को हटा दिया जाता है। इसे नोटिस करने के लिए, कुछ सेकंड के लिए शिफ्ट को दबाए रखें। सरणी बदलाव कोड के साथ भरता है, लेकिन उनमें से केवल एक ही कीप पर निकाला जाता है।

— 13

Answer 7

उत्कृष्ट जावास्क्रिप्ट पुस्तकालय KeyboardJS SHIFT कुंजी सहित सभी प्रकार की कुंजी दबाता है। यह भी कुंजी संयोजनों को निर्दिष्ट करने की अनुमति देता है जैसे कि पहले CTRL + x दबाने और फिर a।

KeyboardJS.on('shift', function() { ...handleDown... }, function() { ...handleUp... });

यदि आप एक सरल संस्करण चाहते हैं, तो @tonycoupland के उत्तर पर जाएं ):

var shiftHeld = false;
$('#control').on('mousedown', function (e) { shiftHeld = e.shiftKey });

Comments

@downvoters: कृपया एक टिप्पणी छोड़ें कि आप नीचे क्यों आते हैं

— koppor

Answer 8

यह मेरे लिए बहुत अच्छा काम करता है:

function listenForShiftKey(e){
    var evt = e || window.event;
    if (evt.shiftKey) {
      shiftKeyDown = true;
    } else {
      shiftKeyDown = false;
    }
}

Answer 9

माउस के साथ क्लिक करते समय यदि शिफ्ट को दबाया जाता है , यह जाँचने के लिए , क्लिक इवेंट ऑब्जेक्ट में एक सटीक गुण होता है : shiftKey (और ctrl और alt और मेटा कुंजी के लिए भी): https://www.w3schools.com/jsref//vent_shiftkey .asp

तो jQuery का उपयोग कर:

$('#anchor').on('click', function (e) {
    if (e.shiftKey) {
        // your code
    }
});

Answer 10

एक अधिक मॉड्यूलर दृष्टिकोण प्लस आपकी रखने की क्षमता this श्रोताओं में दायरा :

var checkShift = function(fn, self) {
  return function(event) {
    if (event.shiftKey) {
      fn.call(self, event);
    }
    return true;
  };
};

$(document).on('keydown', checkShift(this.enterMode, this));

Answer 11

यदि किसी को दी गई कुंजी का पता लगाने की आवश्यकता है और उसे "संशोधक" की स्थिति जानना आवश्यक है (जैसा कि उन्हें जावा में कहा जाता है), अर्थात शिफ्ट, ऑल्ट और कंट्रोल कीज़, तो आप ऐसा कुछ कर सकते हैं, जो keydownकुंजी F9 पर प्रतिक्रिया देता है , लेकिन केवल अगर शिफ्ट, ऑल्ट या कंट्रोल कुंजी में से कोई भी वर्तमान में दबाया गया है।

jqMyDiv.on( 'keydown', function( e ){
    if( ! e.shiftKey && ! e.altKey && ! e.ctrlKey ){
        console.log( e );
        if( e.originalEvent.code === 'F9' ){
          // do something 
        }
    }
});

Answer 12

var shiftDown = false;
this.onkeydown = function(evt){
    var evt2 = evt || window.event;
    var keyCode = evt2.keyCode || evt2.which;       
    if(keyCode==16)shiftDown = true;
}
this.onkeyup = function(){
    shiftDown = false;
}

डेमो