Addeventlistener с виртуальной клавиатурой
Hi Hope you are all well, I've got a question with regards to a digital board I'm creating to show targets and yields on a touchscreen . I have a page ready with conditional formatting that works ok ...my problem is I've tried to add a virtual keyboard when you click the text box the keyboard appears and you get to type targets etc. The issue is when using the virtual keyboard the addEventListener doesn't seem to acknowledge the change in the text box , which is does with a physical keyboard . Has anyone else has had an issue with adding a virtual keyboard to a text box with conditional formatting...example being if the target box is less than the actual box then the actual box will be green.
Простая версия показана ниже..без кода вирусной клавиатуры
Спасибо за чтение
Иан
Что я уже пробовал:
<pre><!DOCTYPE html>
<html>
<head>
<style>
</style>
</head>
<body>
<body>
<input type="text" id="text1" size="50">
<input type="text" id="text2" size="50">
</body>
<script type="text/javascript">
document.getElementById("text1").addEventListener("keyup", testpassword2);
document.getElementById("text2").addEventListener("keyup", testpassword2);
function testpassword2() {
var text1 = document.getElementById("text1");
var text2 = document.getElementById("text2");
if (text1.value <= text2.value)
text2.style.backgroundColor = "#2EFE2E";
else
text2.style.backgroundColor = "red";
}
</script>
</body>
</html>