Re: Тест разных элементов
Пт Авг 03, 2018 12:23 pm
Предотвратить действие по умолчанию для:
keydown
keypress
keyup
Игнорировать:
keydown
keypress
keyup
Сфокусируйтесь на поле и нажмите какую-нибудь клавишу.
Re: Тест разных элементов
Пт Авг 03, 2018 12:23 pm
- Код:
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css">
</head>
<body>
<form id="form" onsubmit="return false">
Предотвратить действие по умолчанию для:
<label>
<input type="checkbox" name="keydownStop" value="1"> keydown</label>
<label>
<input type="checkbox" name="keypressStop" value="1"> keypress</label>
<label>
<input type="checkbox" name="keyupStop" value="1"> keyup</label>
<p>
Игнорировать:
<label>
<input type="checkbox" name="keydownIgnore" value="1"> keydown</label>
<label>
<input type="checkbox" name="keypressIgnore" value="1"> keypress</label>
<label>
<input type="checkbox" name="keyupIgnore" value="1"> keyup</label>
</p>
<p>Сфокусируйтесь на поле и нажмите какую-нибудь клавишу.</p>
<input type="text" placeholder="Клавиши нажимать тут" id="kinput">
<textarea id="area"></textarea>
<input type="button" value="Очистить" onclick="area.value = ''" />
</form>
<script src="script.js"></script>
</body>
</html>
Re: Тест разных элементов
Пт Авг 03, 2018 12:14 pm
var kinput = document.getElementById('kinput');
var area = document.getElementById('area');
kinput.onkeydown = kinput.onkeyup = kinput.onkeypress = handle;
var lastTime = Date.now();
function handle(e) {
if (form.elements[e.type + 'Ignore'].checked) return;
var text = e.type +
' keyCode=' + e.keyCode +
' which=' + e.which +
' charCode=' + e.charCode +
' char=' + String.fromCharCode(e.keyCode || e.charCode) +
(e.shiftKey ? ' +shift' : '') +
(e.ctrlKey ? ' +ctrl' : '') +
(e.altKey ? ' +alt' : '') +
(e.metaKey ? ' +meta' : '') + "\n";
if (area.value && Date.now() - lastTime > 250) {
area.value += new Array(81).join('-') + '\n';
}
lastTime = Date.now();
area.value += text;
area.scrollTop = area.scrollHeight;
if (form.elements[e.type + 'Stop'].checked) {
e.preventDefault();
}
}
var area = document.getElementById('area');
kinput.onkeydown = kinput.onkeyup = kinput.onkeypress = handle;
var lastTime = Date.now();
function handle(e) {
if (form.elements[e.type + 'Ignore'].checked) return;
var text = e.type +
' keyCode=' + e.keyCode +
' which=' + e.which +
' charCode=' + e.charCode +
' char=' + String.fromCharCode(e.keyCode || e.charCode) +
(e.shiftKey ? ' +shift' : '') +
(e.ctrlKey ? ' +ctrl' : '') +
(e.altKey ? ' +alt' : '') +
(e.metaKey ? ' +meta' : '') + "\n";
if (area.value && Date.now() - lastTime > 250) {
area.value += new Array(81).join('-') + '\n';
}
lastTime = Date.now();
area.value += text;
area.scrollTop = area.scrollHeight;
if (form.elements[e.type + 'Stop'].checked) {
e.preventDefault();
}
}
Re: Тест разных элементов
Пт Авг 03, 2018 12:14 pm
var kinput = document.getElementById('kinput');
var area = document.getElementById('area');
kinput.onkeydown = kinput.onkeyup = kinput.onkeypress = handle;
var lastTime = Date.now();
function handle(e) {
if (form.elements[e.type + 'Ignore'].checked) return;
var text = e.type +
' keyCode=' + e.keyCode +
' which=' + e.which +
' charCode=' + e.charCode +
' char=' + String.fromCharCode(e.keyCode || e.charCode) +
(e.shiftKey ? ' +shift' : '') +
(e.ctrlKey ? ' +ctrl' : '') +
(e.altKey ? ' +alt' : '') +
(e.metaKey ? ' +meta' : '') + "\n";
if (area.value && Date.now() - lastTime > 250) {
area.value += new Array(81).join('-') + '\n';
}
lastTime = Date.now();
area.value += text;
area.scrollTop = area.scrollHeight;
if (form.elements[e.type + 'Stop'].checked) {
e.preventDefault();
}
}
var area = document.getElementById('area');
kinput.onkeydown = kinput.onkeyup = kinput.onkeypress = handle;
var lastTime = Date.now();
function handle(e) {
if (form.elements[e.type + 'Ignore'].checked) return;
var text = e.type +
' keyCode=' + e.keyCode +
' which=' + e.which +
' charCode=' + e.charCode +
' char=' + String.fromCharCode(e.keyCode || e.charCode) +
(e.shiftKey ? ' +shift' : '') +
(e.ctrlKey ? ' +ctrl' : '') +
(e.altKey ? ' +alt' : '') +
(e.metaKey ? ' +meta' : '') + "\n";
if (area.value && Date.now() - lastTime > 250) {
area.value += new Array(81).join('-') + '\n';
}
lastTime = Date.now();
area.value += text;
area.scrollTop = area.scrollHeight;
if (form.elements[e.type + 'Stop'].checked) {
e.preventDefault();
}
}
Re: Тест разных элементов
Пт Авг 03, 2018 11:51 am
Начало документа...
alert( 'Привет, Мир!' );
...Конец документа
Re: Тест разных элементов
Пт Авг 03, 2018 11:49 am
Начало документа...
alert( 'Привет, Мир!' );
...Конец документа
Права доступа к этому форуму:
Вы не можете отвечать на сообщения
|
|