Hallo,
Ik maak een website die zowel op desktop als op tablet zal gebruikt worden. Dus zowel met mouse als met touch events zal bediend worden.
Uit 'internetlectuur' blijkt dat hier risico's aan verbonden zijn. Na wat experimenteren kwam ik tot onderstaande resultaat.
Ik wil dit nu op alle touch en mouse events toepassen.
Dit is redelijk wat werk dus wil ik eerst jullie mening hierover.
Is dit velig (tot nu toe ervaar ik geen probleem in de 2 situaties)?
Zijn er eenvoudiger oplossingen? Of moet het nog uitgebreider?
Ik weet dat dit niet zal werken op enkele oudere browsers maar de website is voor een beperkt publiek...
(css werkt niet wegens deel weggelaten en self.close() zal enkel werken als deze file opgestart is door de website...)
Ik maak een website die zowel op desktop als op tablet zal gebruikt worden. Dus zowel met mouse als met touch events zal bediend worden.
Uit 'internetlectuur' blijkt dat hier risico's aan verbonden zijn. Na wat experimenteren kwam ik tot onderstaande resultaat.
Ik wil dit nu op alle touch en mouse events toepassen.
Dit is redelijk wat werk dus wil ik eerst jullie mening hierover.
Is dit velig (tot nu toe ervaar ik geen probleem in de 2 situaties)?
Zijn er eenvoudiger oplossingen? Of moet het nog uitgebreider?
Ik weet dat dit niet zal werken op enkele oudere browsers maar de website is voor een beperkt publiek...
(css werkt niet wegens deel weggelaten en self.close() zal enkel werken als deze file opgestart is door de website...)
HTML:
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<a class="w3-right w3-text-red w3-xxlarge w3-hover-text-green w3-margin" id="idSluit">❌</a>
<script>
document.getElementById("idSluit").addEventListener("touchstart", function () {
self.close();
evt.preventDefault();
});
document.getElementById("idSluit").addEventListener("mousedown", function () {
self.close();
evt.preventDefault();
});
</script>
</body>
</html>