Code snippet to insert in the front template of an Anki-Maobi card for mobile support via input box (to be used with the iPhone/Android handwriting keyboard)

maobi-mobile-fallback.html

<!-- MOBILE FALLBACK -->
<div id="maobi-mobile-fallback" style="display:none">
	<input type="text" id="maobi-mobile-fallback-input">
	<span id="maobi-mobile-fallback-correct-answer" style="display:none">👍</span>
</div>
<script>
setTimeout(function(){
	if(window.HanziWriter == undefined){
		document.getElementById('maobi-mobile-fallback').style.display = 'block';
		var correctElem = document.getElementById('maobi-mobile-fallback-correct-answer');
		var inputField = document.getElementById('maobi-mobile-fallback-input');
		inputField.addEventListener('input', function(){
			correctElem.style.display = this.value != '{{Hanzi}}' ? 'none' : 'inline';
		});
		inputField.addEventListener('ontouchend', function(e){
			inputField.focus();
			e.preventDefault();
		});
		setTimeout(function(){inputField.focus();}, 500);
	}
}, 50);
</script>