В этом коде я пытаюсь перевернуть свой текст. Я просто заменяю обычные символы обратными символами. Теперь эти обратные символы отлично отображаются на настольных устройствах, но когда я пытаюсь на мобильном телефоне, мои обратные символы отображаются как «O», как вы можете видеть на изображении. Я не понимаю, что происходит и как это решить. Также, когда я копирую обратный текст на мобильном устройстве, он копирует правильный обратный текст, но теперь отображается правильно.
Изображение: Щелкните здесь
Текущий выпуск: Щелкните здесь
Код :
<html>
<head>
</head>
<body>
<form id="f" name="f">
<textarea cols="30" id="TextInput1" name="original" rows="10" style="width: 100%;">abcd</textarea><br />
<br />
<input onclick="flipText()" style="border: 3px solid black;" type="button" value="Flip Text" /><br />
<br />
<textarea cols="30" id="secondT" name="flipped" rows="10" style="width: 100%;"></textarea>
<br /><br />
<input id="CopyButton" onclick="CopyFunction()" style="border: 3px solid black;" type="button" value="Copy Text!" />
</form>
<script>
function reverseFunction() {
var remember = document.getElementById("myCheckBox");
if (remember.checked) {
var result = secondFunction(document.f.original.value);
document.f.flipped.value = result;
} else {
var result1 = secondFunction(document.f.original.value);
document.f.flipped.value = result1.split("").reverse().join("");
}
}
function CopyFunction() {
var copyText = document.getElementById("secondT");
copyText.select();
document.execCommand("copy");
}
function flipText() {
var result = secondFunction(document.f.original.value);
document.f.flipped.value = result.split("").reverse().join("");
}
function secondFunction(aString) {
aString = aString;
var last = aString.length - 1;
var result = "";
for (var i = last; i >= 0; --i) {
result += firstFunction(aString.charAt(i))
}
return result;
}
function firstFunction(c) {
if (c == 'a') {
return '\u0250'
}
else if (c == 'b') {
return 'q'
}
else if (c == 'c') {
return '\u0254'
}
else if (c == 'd') {
return 'p'
}
}
</script>
</body>
</html>