uppercase 相关问题

大写字母是大写字母。

将输入更改为大写,光标不会跳到文本末尾

我使用以下代码将输入值更改为大写: 函数大写(z){ v = z.value.toUpperCase(); z.值=v; } 我使用以下代码将输入值更改为大写: <script> function uppercase(z){ v = z.value.toUpperCase(); z.value = v; } </script> <input type="text" id="example" onkeyup="uppercase(this)"> 问题是,当我在文本中间输入某些内容时,光标会跳到文本的末尾。在谷歌上搜索我尝试遵循代码,但它根本不起作用: function uppercase(z){ document.getElementById(z).addEventListener('input', function (e) { var target = e.target, position = target.selectionStart; // Capture initial position target.value = target.value.replace(/\s/g, ''); // This triggers the cursor to move. v = z.value.toUpperCase(); z.value = v; target.selectionEnd = position; // Set the cursor back to the initial position. }); } 第一个代码工作正常,但我仍然不知道如何防止光标跳跃。 您还可以在 keyup 上设置光标位置(或者您正在使用的任何内容,只要您获得对输入元素的引用) function withSelectionRange() { const elem = document.getElementById('working'); // get start position and end position, in case of an selection these values // will be different const startPos = elem.selectionStart; const endPos = elem.selectionEnd; elem.value = elem.value.toUpperCase(); elem.setSelectionRange(startPos, endPos); } function withoutSelectionRange() { const elem = document.getElementById('notWorking'); elem.value = elem.value.toUpperCase(); } <div style="display: flex; flex-direction: column"> <label for='working'>Uppercase text with selection range</label> <input id='working' type='text' onkeyup="withSelectionRange()"></input> <label for='notWorking'>Uppercase text input without selection range</label> <input id='notWorking' type='text' onkeyup="withoutSelectionRange()"></input> </div> 代码笔链接 您只需添加一些 CSS 样式即可实现此目的: #example { text-transform: uppercase; } 这将使输入字段中的所有字母显示为大写,但值仍然相同。如果您需要将该值设置为大写,请在需要时将其转换为大写(例如在提交之前) 我一直在寻找同一问题的解决方案。 添加 CSS 对我来说很有效,除了有一个特定要求,即我们的后端 api 只接受大写字符串。 所以除此之外: #example { text-transform: uppercase; } 我还添加了监听 onBlur 和 keydown.enter 的回调,并在触发这些事件时将输入值转换为大写。 附: 没有示例代码,因为我只是向那些有同样头痛并且不想破解 HTMLInputElement.setSelectionRange. 的人分享我的想法 最好的方法是在新文件中创建指令 import { DefaultValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms'; import { Directive, ElementRef, HostListener, Renderer2, forwardRef, } from '@angular/core'; @Directive({ selector: 'input[toUppercase]', providers: [ { provide: NG_VALUE_ACCESSOR, multi: true, useExisting: forwardRef(() => UpperCaseInputDirective), }, ], }) export class UpperCaseInputDirective extends DefaultValueAccessor { @HostListener('keyup', ['$event']) input($event: InputEvent) {//keyup yesssss sa const target = $event.target as HTMLInputElement; const start = target.selectionStart; target.value = target.value.toUpperCase(); target.setSelectionRange(start, start); this.onChange(target.value); } constructor(renderer: Renderer2, elementRef: ElementRef) { super(renderer, elementRef, false); } } 在app.module.ts中 @NgModule({ declarations: [ UpperCaseInputDirective, 在你的 html 组件中 <input toUppercase>

回答 4 投票 0

如何用下划线替换大写?

我是Python新手,我正在尝试将单词中的所有大写字母替换为下划线,例如: 这是一个很好的例子 应该成为 这是一个好例子 任何想法/提示/链接/导师...

回答 8 投票 0

MySQL如何在输入关键字后自动大写?

我打字速度很快,所以我希望 MySQL Workbench 在我输入关键字后自动将其大写。我看到了类似问题的解决方案,即 MySQLWorkbench-> 首选项-> 查询编辑器->

回答 1 投票 0

如何让 MySQL Workbench 自动完成大写字母?

默认情况下,自动补全为小写。有什么办法让它变成大写吗?

回答 3 投票 0

如何将 NSAttributedString 中的字符大小写更改为大写

我想将包含RTFD的NSAttributedString转换为大写,而不丢失现有字符和图形的属性。 谢谢,

回答 2 投票 0

在Python(或任何语言)中,“upper”函数对印地语、阿姆哈拉语和其他非拉丁字符集有何作用?

题主已经说了一切。一直在寻找答案,但似乎找不到。 我正在编写一个网络应用程序,它将数据存储在数据库中,并且还将语言文件翻译成多种语言

回答 2 投票 0

如何在 Powershell 中的数组中随机使用大写单词?

我的脚本中目前有以下代码: $array1 = @("汽车", "房子", "电脑", "电话") $数组1 = $数组1 |随机获取 - 计数 2 写入软管 $array1

回答 1 投票 0

在每个大写字母之前拆分 PascalCase 单词字符串

我有这样的字符串: 悲伤悲伤悲伤悲伤 其中单词连接在一起,没有任何空格。每个单词都以大写字母开头。我想分隔这些单词并选择前 2 个单词...

回答 2 投票 0

在每个大写字母之前拆分驼峰式字符串中的单词

我有这样的字符串: $a = '你好先生'; $b = '小狗华尔兹'; $c = 'bumWipe'; $d = 'pinkNips'; 怎么才能在大写字母处爆炸呢?

回答 5 投票 0

URL以大写形式保存在DB中

我有以下问题: 我的数据库中保存了图片“HTTP://WWW.ROLANDSCHWAIGER.AT/DURCHBLICK.JPG”的 URL。我想您在这里看到了问题:URL 是大写的。现在我想要

回答 2 投票 0

如何禁用vba中的自动完成功能?

我正在创建一个程序,用于将多个 Excel 工作表导出为带有水印和表单字段等的 pdf。现在一切都很顺利,但最终的 pdf 相当大。所以我在想

回答 1 投票 0

Jacascript:大小写字符串拼图 - 一个字符不正确

输入:aHtuE 预期输出:A-Hh-Ttt-Uuuu-Eeeee 实际输出:A-HH-Ttt-Uuuu-Eeeee 该函数接受一个字符串(在本例中为“aHtuE”),输出应为“A-Hh-Ttt-Uuuu-Ee...

回答 2 投票 0

将变量名转换为大写

是否可以将变量名转换为大写?变量本身而不是变量的内容。 例如: $name =“果酱” $数据 = 函数?($名称); 这样 $data

回答 4 投票 0

将白名单单词的第一个字母设为大写

我有这个 preg_replace 语句, $s = "Foo 钱条"; echo preg_replace("/(办公室|职级|金钱)/i", "$1", $s); 返回, 福钱...

回答 2 投票 0

(python)递归地从目录结构中删除大写?

大写字母 - 它们有什么意义?他们给你的只是RSI。 我想从我的目录结构中删除尽可能多的大写。我该如何编写脚本来执行此操作...

回答 2 投票 0

错误:某些行违反了关系“my_table”的检查约束“to_uppercase”

我尝试运行以下脚本: 更改表 my_table 添加约束到_uppercase CHECK (upper(my_name) = my_name); 但是当我这样做时,我收到错误: 错误:检查约束“to_uppercase...

回答 1 投票 0

Notepad++ 和正则表达式:如何使用/查找/替换仅大写特定单词中的第一个字母

这是给定的情况: 输入文本 jjj=约翰{输入}{输入} uuu=08:30{选项卡}18:00{选项卡} vvv=08:30{上}18:45{下}08:30{左}18:45{右}08:30{选项卡} 输出文本(目标) jjj=约翰{恩...

回答 1 投票 0

浏览器中代码示例的字体不可读

包括此处在内的任何网站中的所有代码示例均以全部大写并以奇怪的字体显示,就像所附的屏幕截图所示。我到处寻找但找不到答案。任何人都可以...

回答 1 投票 0

强制大写 TextFormField Flutter

如何强制 TextFormField 仅包含大写字母? textCapitalization:TextCapitalization.characters 让用户切换回小写,因此这不足以满足我的需求。

回答 3 投票 0

添加 Wordpress 短代码以返回空格分隔的 slugs,并对单词大小写进行自定义更改

我尝试组合我的短代码: add_shortcode( 'MARKE', 'marke_shortcode' ); 函数 marke_shortcode() { $terms = get_the_terms( get_the_ID(), 'marken'); 返回 ucwords($terms[1]->slug)...

回答 2 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.