多语言，input从右往左输入文字实现【目前解决了一半】

爱吃黄瓜的喵

于 2020-05-04 17:45:55 发布

阅读量1.3k

点赞数

分类专栏： html js 文章标签： javascript html

本文链接：https://blog.youkuaiyun.com/weixin_42152696/article/details/105918118

版权

本文探讨了如何解决多语言输入时input文字从右侧输入的问题。已实现文字靠右侧显示，但仍在寻找有效方法监听并调整输入字符顺序。尝试过onchange、oninput等事件监听，但未取得理想效果。解决方案包括根据字符编码区间限制输入，以及通过监听自动调整字符串顺序。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

多语言，input从右往左输入文字实现【目前解决了一半】

(1) 以下的input代码可以解决文字从右侧输入的问题

<input
    id="cc"
    class="cc"
    dir="rtl"
    autocomplete="off"
    maxlength="4000"
    type="text"
    placeholder="请输入内容"
    value=""
/>

(2) 解决语言习惯问题
目前该问题没有找到有效的方法，本地调试的时候，发现网上的几种方式不生效，目前还在寻找解决方法

onchange事件
oninput事件
onchange事件
onpropertychange

调试用的代码段

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<head>
    <meta charset="UTF-8">
</head>
<script src="./jquery-1.11.0.min.js"></script>
<script>
    
    $("cc").on("change",function(){
    alert("变化了");
    });
    $("#cc").on("change",function(){