KeyboardEvent which అనే అంశం

DOM ఇంజనీరింగ్ సంఘటనలు KeyboardEvent

నిర్వచనం మరియు వినియోగం

which అనే అంశం తీసుకుపోయిన onkeypress ఇవెంట్ కీబోర్డు యునికోడ్ అక్షర కోడ్ లేదా ఇవేటిని తీసుకుపోయిన onkeydown లేదా onkeyup ఇవేటిని కీబోర్డు యునికోడ్ కీ కోడ్

రెండు కోడ్ రకాల మధ్య వ్యత్యాసం:

  • అక్షర కోడ్ - ASCII అక్షరం సంఖ్య
  • కీబోర్డు కోడ్ - కీబోర్డులో ఉన్న వాస్తవ కీ సంఖ్య

ఈ రకాలు ఎల్లప్పుడూ అదే విషయాన్ని సూచించవు. ఉదాహరణకు, క్షుద్ర "w" మరియు పెద్ద "W" కీబోర్డు కోడ్లు అదేవిధంగా ఉంటాయి, ఎందుకంటే కీబోర్డులో నొక్కబడిన కీ అదే ("W" = సంఖ్య "87"), కానీ అక్షర కోడ్లు వేరుగా ఉంటాయి, ఎందుకంటే resulting అక్షరం వేరుగా ఉంటాయి ("w" లేదా "W", అనగా "119" లేదా "87"). - ఈ విషయాన్ని మరింత మరింత మనగాక చూడండి.

అడ్వైజరీ:ఉపయోగించిన వినియోగదారుడు ప్రింట్ కీలను నొక్కినారా (ఉదా. "a" లేదా "5"), onkeypress ఇవేటిని వాడండి. ఉపయోగదారుడు ఫంక్షన్ కీలను నొక్కినారా (ఉదా. "F1", "CAPS LOCK" లేదా "Home"), onkeydown లేదా onkeyup ఇవేటిని వాడండి.

ప్రకటన:ఐఇ8 మరియు ఆగాగ్రణ సంస్కరణలు which అనురూపతను మద్దతు ఇవ్వలేదు. ఈ బ్రౌజర్ సంస్కరణలకు కీబోర్డు కోడ్ అనురూపతను ఉపయోగించండి. ఫైర్ఫాక్స్ లో onkeypress సంఘటనకు కీబోర్డు కోడ్ అనురూపత చాలా పనికాదు. బ్రౌజర్ అనుకూల పరిష్కారం కోసం ఈ కోడ్ ను ఉపయోగించండి:}

var x = event.which || event.keyCode;  // which లేదా keyCode ఉపయోగించండి అనగా బ్రౌజర్ మద్దతు ప్రభావితం కాగలదు

అడ్వైజరీ:అన్ని యూనికోడ్ అక్షరాలను కనుగొనడానికి మా సూచికను సమీక్షించండి: యూనికోడ్ పూర్తి సూచిక.

అడ్వైజరీ:యూనికోడ్ విలువను అక్షరంగా మార్చడానికి ఉపయోగించండి: fromCharCode() పద్ధతి.

ప్రకటన:ఈ అనురూపత రద్దు చేయబడింది.

ప్రకటన:keyCode మరియు which అనురూపతలను కేవలం సహకారం కోసం సమకూర్చబడింది. యూనికోడ్ ఇన్కీజన్ సంఘటన ప్రమాణాలను నిర్దేశించిన నూతన వెర్షన్లు కేవలం key అనురూపతను ఉపయోగించడానికి సిఫారసు చేస్తున్నాయి (లభించినట్లయితే).

అడ్వైజరీ:మీరు కీబోర్డ్ ఇన్కీజన్ సంఘటన జరగడంలో ఆల్ట్, కంట్రోల్, మెటా లేదా షిఫ్ట్ కీలను నొక్కబడినా అనుకుంటే, ఉపయోగించండి: altKeyమరియుctrlKeyమరియుmetaKey లేదా shiftKey అనురూపత

ఉదాహరణ

నొక్కిన కీబోర్డ్ కీ యూనికోడ్ విలువను పొందండి:

var x = event.which;

పేజీ క్రిందన మరిన్ని TIY ఉదాహరణలు ఉన్నాయి.

మీరే ప్రయత్నించండి

సంకేతం

event.which

సాంకేతిక వివరాలు

వాటిని తిరిగి ఇవ్వబడుతుంది: నంబర్ విలువలు, అనేక యూనికోడ్ అక్షర కోడ్ లేదా యూనికోడ్ కీబోర్డు కోడ్ ను ప్రతినిధీకరిస్తాయి.
DOM సంస్కరణ: DOM Level 2 Events

బ్రౌజర్ మద్దతు

పట్టికలో అంకురంగా ఈ అనురూపతను పూర్తిగా మద్దతు ఇస్తున్న బ్రౌజర్ సంస్కరణను గుర్తించండి.

అనురూపత చ్రోమ్ ఐఇ ఫైర్ఫాక్స్ సఫారీ ఆపరా
which మద్దతు 9.0 మద్దతు మద్దతు మద్దతు

మరిన్ని ఉదాహరణలు

ఉదాహరణ

ఉపయోగించండి onkeypress మరియు onkeydown ద్వారా అక్షర కోడ్ మరియు కీబోర్డు కోడ్ మధ్య వ్యత్యాసాన్ని ప్రదర్శించండి:

<input type="text" onkeypress="uniCharCode(event)" onkeydown="uniKeyCode(event)"> 
function uniCharCode(event) {
  var char = event.which || event.keyCode; // event.keyCode అనేది IE8 మరియు అంతకు ముంది సంస్కరణలకు ఉపయోగించబడింది
  document.getElementById("demo").innerHTML = "Unicode CHARACTER code: " + char;
}
function uniKeyCode(event) {
  var key = event.which || event.keyCode; // event.keyCode అనేది IE8 మరియు అంతకు ముంది సంస్కరణలకు ఉపయోగించబడింది
  document.getElementById("demo2").innerHTML = "Unicode KEY code: " + key;
}

కీబోర్డుపై "a" కీని నొక్కినప్పుడు (Capslock లేకుండా), char మరియు key యొక్క ఫలితం ఇలా ఉంటుంది:

Unicode CHARACTER కోడ్: 97
Unicode KEY కోడ్: 65

మీరే ప్రయత్నించండి

ఉదాహరణ

ఉపయోగదారుడు Escape కీని నొక్కినప్పుడు కొన్ని పదాలను చెప్పండి:

<input type="text" onkeydown="myFunction(event)"> 
function myFunction(event) {
  var x = event.which || event.keyCode; // event.keyCode అనేది IE8 మరియు అంతకు ముంది సంస్కరణలకు ఉపయోగించబడింది
  if (x == 27) {  // 27 అనగా ESC కీ
    alert ("మీరు Escape కీని నొక్కారు!");
  }
}

మీరే ప్రయత్నించండి

ఉదాహరణ

Unicode విలువను అక్షరంగా మార్చండి (ఫంక్షన్ కీలకాలకు అనువర్తించబడదు):

var x = event.which || event.keyCode;   // Unicode విలువను పొందండి
var y = String.fromCharCode(x);         // విలువను అక్షరంగా మార్చండి

మీరే ప్రయత్నించండి

సంబంధిత పేజీలు

HTML DOM పరికరాల పేరాలు మరియు వివరణలు:KeyboardEvent key అంశం

HTML DOM పరికరాల పేరాలు మరియు వివరణలు:KeyboardEvent keyCode అంశం

HTML DOM పరికరాల పేరాలు మరియు వివరణలు:KeyboardEvent charCode అంశం

DOM ఇంజనీరింగ్ సంఘటనలు KeyboardEvent