كيبورد عربي على حقل نصي

كيبورد عربي على حقل نصي

by Osama Qassar

HTML

<br><br>
<div class="btn-group">
  <input type="text" class="form-control dropdown-toggle" data-toggle="dropdown" id="inp">
  <div class="dropdown-menu" role="menu">
    <div class="dropdown-item" id="kboard">
    dsfsdf
    </div>
  </div>
</div>

JavaScript

var letters = 'ضصثقفغعهخحجدذشسيبلاتنمكطئءؤرلاىةوزظ';
var lettersArr = letters.split('')
function setLetter(chr){
var elm  = document.getElementById('inp')
		elm.value  = elm.value + chr
}
var btns = "";
for(var i in lettersArr){
		btns += "<span><button class='btn btn-default' onClick=\"setLetter('"+lettersArr[i]+"')\">"+lettersArr[i]+"</button></span>"
}
var holder = document.getElementById('kboard')
holder.innerHTML = btns


    $(document).on('click', '.dropdown-menu div.dropdown-item .btn ', function (e) {
      e.stopPropagation();
    });