禁止输入表情

最新推荐文章于 2024-06-26 14:19:06 发布
原创 最新推荐文章于 2024-06-26 14:19:06 发布 · 593 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了一段用于禁止在输入框中使用表情符号的JavaScript代码，通过正则表达式匹配并移除非文本字符，确保了输入内容的纯净性和安全性。

禁止输入表情：
onkeyup="this.value=this.value.replace(/[^\u0020-\u007E\u00A0-\u00BE\u2E80-\uA4CF\uF900-\uFAFF\uFE30-\uFE4F\uFF00-\uFFEF\u0080-\u009F\u2000-\u201f\u2026\u2022\u20ac\r\n]/g,'')"
onafterpaste="this.value=this.value.replace(/[^\u0020-\u007E\u00A0-\u00BE\u2E80-\uA4CF\uF900-\uFAFF\uFE30-\uFE4F\uFF00-\uFFEF\u0080-\u009F\u2000-\u201f\u2026\u2022\u20ac\r\n]/g,'')"

EditText禁止表情输入
10-26
EmojiEditText可实现禁止表情输入，而且不影响maxLength属性的使用
Android安卓禁止输入表情符号
07-29
Android安卓禁止输入表情符号。最近在做的项目中用户编辑资料的时候不希望用户输入表情，如果用户输入表情的话上传给后台要报错，所以需要我们前端做一个判断。下面就来说一下怎么在EditText中屏蔽表情吧。 网上有很...
android 输入框EditText禁止输入Emoji表情符
热门推荐
Michael丶
04-30 3万+
android 输入框EditText禁止输入Emoji表情符 转载请注明出处：http://blog.youkuaiyun.com/elsdnwn/article/details/45390771 通过添加EditText的addTextChangedListener()监听来过滤Emoji表情： onTextChanged() beforeTextChanged() 使用方法在开发中可能多处会用到过滤E
Android EditText禁止输入emoji表情的一种方法
海纳百川Android的博客
03-25 4540
在安卓app开发中，会遇到EditText禁止输入emoji表情的需求，方法很简单，只需要给EditText添加一个InputFilter就行了，如下面代码： public class EmojiInputFilter implements InputFilter { protected Pattern emoji = Pattern.compile("[\ud83c\udc00-\ud83c\udfff]|[\ud83d\udc00-\ud83d\udfff]|[\u2600-\u27
EditText禁止输入表情
死磕到底
01-13 702
因项目的需要，比如在修改设备名称，修改房间名称时，要对输入的内容进行过滤，禁止输入表情。 第一步：写正则表达式，来判断表情 第二步：EditText添加监听一，正则表达式把判断表情的专门写成正则匹配工具类，代码如下：/** * Created by sunny on 2015/12/23. * 正则表达式工具类， * 像这种工具类各自应用是不一样的，所以就没必要放到公共模块里面。
IOS程序开发之禁止输入表情符号实例代码
01-20
在iOS程序开发中，有时我们需要限制用户在输入框（如UITextField或UITextView）中输入特定类型的内容，例如禁止输入表情符号。本实例将详细介绍如何在iOS应用中实现这个功能，以防止用户在输入框内使用表情。 首先...
Android中EditText禁止输入表情的实例代码
08-29
在Android开发中，我们有时需要禁止用户在EditText组件中输入表情符号，因为某些情况下，后端系统可能不支持表情字符，导致上传时出现错误。本篇文章主要探讨了如何在Android项目中通过代码实例来禁止用户在EditText...
Android EdText编辑框禁止输入表情符号(使用正则表达式)
01-05
代码： 返回true代表输入了表情，否则不是表情 public static boolean isEmote(String content) { Pattern pattern = Pattern.compile(NOT_EMOJI); Matcher matcher = pattern.matcher(content); return m
Android EditText 禁止emoj表情输入
12-09
Android EditText 禁止emoj表情输入
Vue中禁止输入表情符号指令
qq_32578989的博客
02-04 1268
vue中封装过滤表情的指令
Editext禁止输入Emoji表情
tongzhengtong的博客
10-10 877
Editext禁止输入Emoji表情直接内部类使用用一个监听搞定package com.warden.snsemoji; import android.os.Bundle; import android.support.v7.app.AppCompatActivity; import android.text.Editable; import android.text.TextWatc
EditText禁止输入表情符号
android开发笔记
08-31 2683
因项目需求，需要禁止用户输入表情符号，个人认为方式有俩种。 第一种键盘弹出不显示表情选项（失败，因为每个手机的Rom烧制都是固定的，很难去操作，主要是水平有限）； 第二种，显示表情选项，但是输入之后EditText不做处理，不会进行展示，这样我们传输的时候就不会出现错误； 查询一些网上的处理方案，有的朋友是通过一些正则去过滤，有的是通过自定义类去做处理，当然应该都是通过校验实现的，这里我在G...
vue实现禁止输入表情
bossmmm的博客
06-26 500
如代码所示，是一个输入区域textarea ，通过v-model绑定输入的值feedbackContent，对于input等需要输入的标签也是同理。核心的要点就是通过watch监视输入的值，从而实现每次输入都判断其是否是表情。
vue 限制表情输入
梦寻汝的博客
07-19 606
在util文件夹中加入emoji.js 下列代码。在输入框中加入 v-emoji。在main.js中加入下列代码。
Android开发中EditText禁止输入Emoji表情符
zjp776的博客
11-18 1279
在开发中可能多处会用到过滤Emoji表情符，一般情况下，我们会通过EditText的addTextChangedListener()监听来过滤Emoji表情，但在实际开发中会遇到多个EditText，为了方便使用，我们可以自定义EditText来实现，代码如下： package com.piesat.dragonfly.ui.view; import android.content.Con
uniapp input禁止输入表情
最新发布
06-27
<think>我们正在UniApp中实现禁止输入表情符号的功能。根据提供的引用，我们可以使用正则表达式来过滤掉表情符号。在UniApp中，我们可以通过监听输入事件（如input或blur）并在事件处理函数中替换掉表情符号来实现。引用[3]中提供了两种正则表达式：1.只禁止表情，但允许特殊字符：/[\ud800-\udbff][\udc00-\udfff]/g2.禁止表情和特殊字符，只允许中文、英文、数字、标点符号等：/[^\u4E00-\u9FA5|\d|\a-zA-Z|\r\n\s,.?!，。？！…—&$=()-+/*{}[\]]/g根据需求，我们可能只需要禁止表情符号，而允许其他字符（包括特殊字符）。因此，我们选择第一种正则表达式。在UniApp中，我们通常使用Vue的语法，可以通过在input或textarea组件上绑定@input事件，然后在事件处理函数中过滤输入值。步骤：1.在模板中，给input或textarea组件添加@input事件监听，并绑定一个方法（例如：onInput）。2.在onInput方法中，获取当前输入的值，然后使用正则表达式替换掉表情符号。3.将过滤后的值重新赋给绑定的变量。注意：由于UniApp中可能使用不同的表单组件，这里以原生input组件为例（实际上UniApp中常用的是<input>或<textarea>，也可能使用uni-easyinput等组件）。示例代码（使用原生input组件）：```html<template><view><inputtype="text":value="inputValue"@input="onInput"/></view></template><script>exportdefault{data(){return{inputValue:''};},methods:{onInput(event){//获取输入的值letvalue=event.detail.value;//使用正则表达式替换掉表情符号value=value.replace(/[\ud800-\udbff][\udc00-\udfff]/g,'');//将过滤后的值重新赋给变量this.inputValue=value;//注意：由于我们直接修改了输入值，可能需要手动触发一次输入框的更新（因为我们已经修改了绑定值，所以视图会更新）//但是，如果使用v-model，我们这样修改inputValue，输入框会更新，但注意可能会出现光标位置问题。}}};</script>```如果使用v-model，我们可以这样写：```html<template><view><inputtype="text"v-model="inputValue"@input="onInput"/></view></template><script>exportdefault{data(){return{inputValue:''};},methods:{onInput(event){//因为v-model绑定了inputValue，所以我们不需要通过event.detail.value获取，可以直接使用this.inputValue//但是注意：@input事件触发时，v-model已经更新了inputValue，所以我们可以直接处理this.inputValue//但是这样处理会导致两次赋值（一次v-model的自动更新，一次我们自己的赋值），所以我们可以直接处理event.detail.value，然后赋值给this.inputValueletvalue=event.detail.value;value=value.replace(/[\ud800-\udbff][\udc00-\udfff]/g,'');this.inputValue=value;}}};</script>```另外，引用[4]提到了使用自定义指令的方法。在Vue中，我们可以创建一个自定义指令，这样可以在多个输入框上复用。在UniApp中，我们也可以使用自定义指令。自定义指令示例（在UniApp中）：1.创建一个自定义指令文件（如emoji.js）：```javascript//emoji.jsexportdefault{inserted(el){el.addEventListener('input',(e)=>{constvalue=e.target.value;//过滤表情constnewValue=value.replace(/[\ud800-\udbff][\udc00-\udfff]/g,'');if(newValue!==value){e.target.value=newValue;//触发input事件，让v-model更新e.dispatchEvent(newEvent('input'));}});}};```2.在main.js中注册指令：```javascriptimportemojiDirectivefrom'./directives/emoji.js';//注册全局指令Vue.directive('emoji',emojiDirective);```3.在组件中使用：```html<inputv-model="inputValue"v-emoji/>```注意：自定义指令中，我们监听了输入框的input事件，并在事件中过滤表情，然后更新输入框的值并触发input事件以确保v-model同步。但是，需要注意的是，UniApp的环境可能对自定义指令的支持存在差异，特别是在小程序端。因此，如果使用自定义指令在小程序端不生效，建议使用事件监听的方式。另外，如果使用uni-easyinput组件，我们可以通过监听@input事件来实现，方法同上。总结：在UniApp中禁止输入表情符号，我们可以通过监听输入框的input事件，使用正则表达式替换表情符号来实现。也可以考虑封装成自定义指令，但需注意跨平台兼容性。根据需求选择合适的方法。注意：正则表达式/[\ud800-\udbff][\udc00-\udfff]/g用于匹配表情符号（Unicode代理对），这是匹配表情符号的一种常用方法。最后，如果遇到问题，可以尝试使用引用[3]中提到的第二种正则表达式（如果希望同时过滤掉特殊字符），但这里我们只需要过滤表情，所以使用第一种。另外，由于输入法输入表情时，可能会在输入过程中就触发input事件，所以实时过滤是可行的。我们还可以结合maxlength属性来限制输入长度，如引用[3]所示。因此，实现方法有两种：方法一：在@input事件中处理（推荐，兼容性好）。方法二：使用自定义指令（代码复用性好，但注意平台兼容性）。根据具体情况选择。</think>### UniApp中禁止输入表情符号的实现方法 在UniApp中禁止输入表情符号，可以通过以下两种常用方法实现： #### 方法一：使用正则表达式过滤（推荐） 在`@input`事件中通过正则表达式实时过滤表情符号： ```html <template> <input v-model="inputValue" @input="filterEmoji" placeholder="请输入内容" /> </template> <script> export default { data() { return { inputValue: '' } }, methods: { filterEmoji(event) { // 使用正则表达式过滤表情符号 this.inputValue = event.detail.value.replace( /[\uD800-\uDBFF][\uDC00-\uDFFF]/g, '' ); } } } </script> ``` **正则说明**： - `\uD800-\uDBFF`：匹配Unicode代理对的高位代理 - `\uDC00-\uDFFF`：匹配Unicode代理对的低位代理 - 组合`[\uD800-\uDBFF][\uDC00-\uDFFF]`可匹配所有4字节的Unicode字符（包括表情符号） #### 方法二：使用自定义指令（全局复用） 1. 创建`emoji-directive.js`文件： ```javascript // emoji-directive.js export default { inserted(el) { el.addEventListener('input', (e) => { const value = e.target.value; const filtered = value.replace(/[\uD800-\uDBFF][\uDC00-\uDFFF]/g, ''); if (value !== filtered) { e.target.value = filtered; e.dispatchEvent(new Event('input')); // 触发v-model更新 } }); } } ``` 2. 在`main.js`中注册指令： ```javascript import emojiDirective from './emoji-directive.js'; Vue.directive('emoji', emojiDirective); ``` 3. 在组件中使用： ```html <input v-model="text" v-emoji /> ``` ### 注意事项 1. **平台兼容性**： - 上述方法在H5和小程序端均有效 - 安卓/iOS原生输入法表情均可过滤 2. **特殊场景处理**： - 若需要同时过滤特殊字符，可扩展正则： ```javascript /[^\u4E00-\u9FA5|\d|\a-zA-Z|\r\n\s,.?!，。？！…—&$=()-+/*{}[\]]/g ``` - 结合`maxlength`属性限制输入长度[^3] 3. **光标位置问题**： - 过滤后可能造成光标跳动，可通过`setTimeout`微调： ```javascript setTimeout(() => { this.inputValue = filtered }, 0); ``` ### 实现原理 表情符号在Unicode中属于**代理对字符**（Surrogate Pair），占用4字节（普通字符占2字节）。通过匹配代理对范围`\uD800-\uDFFF`，可精准识别并移除表情符号[^3]。 ---
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值