سلام من این تمرینو انجام دادم اما فقط برای الفبای فارسی و دکمه های دیگه رو نزاشتم دیگه
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<input name="name" onkeydown="keyDown(event)" onchange="inputChanger(event)" id="demo">
</body>
<script>
var persianDic = {
81: "ض",
87: "ص",
69: "ث",
82: "ق",
84: "ف",
89: "غ",
85: "ع",
73: "ه",
79: "خ",
80: "ح",
219: "ج",
221: "چ",
220: "پ",
65: "ش",
83: "س",
68: "ی",
70: "ب",
71: "ل",
72: "ا",
74: "ت",
75: "ن",
76: "م",
186: "ک",
222: "گ",
90: "ظ",
88: "ط",
67: "ز",
86: "ر",
66: "ذ",
78: "د",
77: "ئ",
188: "و",
}
function keyDown(event) {
console.log(event);
event.preventDefault();
event.target.value += persianDic[event.keyCode];
}
</script>
</html>
سلام محمدجان فقط یه سوال برای بحث backspace چیکار باید بکنیم keyCode اون 8 هست ولی چطوری تعریفش باید بکنیم ؟
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Test Page</title>
</head>
<body>
<div style="text-align: center; margin-top: 100px;">
<label for="name">نام خود را وارد کنید</label>
<input type="text" name="name" id="name" onkeydown="checkText(event)" placeholder="کیبورد در حالت انگلیسی باشد">
</div>
<script>
var keyCode = {
32 : ' ',
65 : 'ش',
66 : 'ذ',
67 : 'ز',
68 : 'ی',
69 : 'ث',
70 : 'ب',
71 : 'ل',
72 : 'ا',
73 : 'ه',
74 : 'ت',
75 : 'ن',
76 : 'م',
77 : 'ئ',
78 : 'د',
79 : 'خ',
80 : 'ح',
81 : 'ض',
82 : 'ق',
83 : 'س',
84 : 'ف',
85 : 'ع',
86 : 'ر',
87 : 'ص',
88 : 'ط',
89 : 'غ',
90 : 'ظ',
186 : 'ک',
188 : 'و',
219 : 'ج',
220 : 'پ',
221 : 'چ',
222 : 'گ',
shft72 : 'آ',
shft67 : 'ژ',
};
function checkText(event){
var txt = event.target.value;
console.log(event);
if (keyCode[event.keyCode] && !event.ctrlKey){
event.returnValue = false;
(event.shiftKey && (event.keyCode === 72 || event.keyCode === 67)) ? txt += keyCode['shft' + event.keyCode]: txt += keyCode[event.keyCode];
}else{
txt = event.target.value;
}
event.target.value = txt;
}
</script>
</body>
</html>