Создать кнопку javascript для ввода символа юникода в поле формы - PullRequest
Новая
       22

Создать кнопку javascript для ввода символа юникода в поле формы

0 голосов
/ 04 апреля 2020

I sh, чтобы создать кнопку для ввода специальных символов Юникода в поле онлайн-формы. Например, я хочу, чтобы люди написали химическую формулу для кислорода - я хочу, чтобы они написали O2, где 2 - это символ Unicode 2082 (который выглядит как индекс 2, но не 2, отформатированный как 2 - I он должен быть в юникоде, а не отформатирован как индекс для автоматической проверки ответа). Таким образом, пользователи будут вводить O на клавиатуре, а затем нажимать кнопку с маленькими цифрами 2, чтобы ввести этот символ Unicode в позиции курсора. Можно ли это сделать с помощью javascript / html?

Спасибо всем, кто может помочь с кодом для этого.

1 Ответ

0 голосов
/ 04 апреля 2020

Да, это может быть сделано с чистым JavaScript. Вот простой пример: 

function addTwo() {
    var element = document.getElementById('textInput');
    var newString = element.value.slice(0, element.selectionStart) + '₂' + element.value.slice(element.selectionStart, element.value.length);
    element.value = newString;
}
input, button {
    font-size: 36px;
}
<input type="text" id="textInput" value="HO"/>

<button onClick="addTwo()">
    ₂
</button>

<p>
    Put your cursor between the H and the O and click the ₂ button.
</p>
...