草庐IT

TextInput

全部标签

javascript - 如何控制 React Native 的 <TextInput> 的 defaultValue?

我有一个用defaultValue设置一个按钮,它将触发并传递defaultValue的别处。但是我如何传递的defaultValue到onPress的方法|?这就是我要实现的目标:changeName(text){this.setState({nameNow:text})//HowcanIimmediatelysetthedefaultValue='PassMeIn'tonameNow?BecausethismethodwouldneverbecalledunlesstextischangedwithinTextInput}sendOff(){//Wouldliketoaccesst

Javascript 替换子/循环问题

我有一个非常奇怪的问题,我有一个forloop,它应该将所有具有“原始”类的div替换为具有"new"类的文本输入。当我运行循环时,它只会用输入替换所有其他div,但是如果我运行循环只是替换div的类而不是将标签更改为输入,它会执行每个div,而且不仅如此做每一个。这是我的循环代码,以及实时版本的链接:liveversionherefunctiondivChange(){vardivs=document.getElementsByTagName("div");for(vari=0;i 最佳答案 因为当div元素之一从DOM中删除时d

javascript - 如何使用 React Native 动态地为 TextInput 赋值

在我的场景中,当我专注于TextInput时,我正在使用导航器(使用推送)移动到另一个场景,在那里我填充列表,在该列表中选择一个值,该值应该填充到TextInput的前一个场景在这种情况下我是无法将所选值设置为TextInput的上一个场景。我通过导航器发送路由对象,但在我的场景中,选择的值应该重新分配给TextInput的前一个场景。这里的TextInput事件结构如下所示nativeEvent:{target:2175,pageY:164.5,locationX:131,changedTouches:[[Circular]],locationY:16.5,identifier:1,

javascript - 如何在 react-native 上自动聚焦下一个 TextInput

我正在尝试创建一个受密码保护的屏幕。屏幕将使用4个数字输入作为密码。我这样做的方法是创建一个TextInput组件并在我的主屏幕中调用它4次。我遇到的问题是,当我键入前一个TextInput的值时,TextInputs不会关注下一个。我正在为所有PasscodeTextInput组件使用refs(我被告知这是一种遗留方法,但我不知道任何其他方法,唉)。试过这个方法(没有创建我自己的组件),也不走运。METHODindex.ios.jsimportReact,{Component}from'react';import{AppRegistry,TextInput,View,Text}fro

javascript - 文本输入中的 CSS 样式特定字符

我有一个脚本可以在用户按下按钮时生成文本。此文本被发送到一个输入框,因此当我按下按钮时,一些文本会出现在一个输入框中。我想知道是否有任何CSS属性可以设置输入框中出现的所有分隔数字的“-”字符的颜色。生成的文本示例:“4-6-9-8-2”换句话说,我想要红色的数字和蓝色的“-”。我很想知道如何做到这一点。我将不胜感激。 最佳答案 input:text元素中不能包含多样式文本。如果您想要格式化文本,则需要使用带有contenteditable的div来使用自定义文本元素。 关于javasc

javascript - 在 React Native 中触摸 TextInput 时打开键盘和/或 DatePickerIOS

我是ReactNative的新手,我只是想在触摸TextInput时让DatePickerIOS组件从屏幕底部向上滑动。有人能给我指出正确的方向或给我一个简单的例子吗?下面是我的组件。这很简单。我试图在用户触摸TextInput时打开键盘或DatePickerIOS。importReact,{AppRegistry,Component,StyleSheet,Text,TextInput,View,DatePickerIOS}from'react-native';classAddChildVisitextendsComponent{render(){return(VisitDate);}

javascript - 选择焦点上文本输入的所有内容在 Microsoft Edge 中不起作用

在选择输入字段中的所有文本时,我似乎遇到了特定于Edge的问题。我正在使用angular的ng-focus调用Controller中的函数来选择字段中的所有文本。functionselectAllTextOnFocus($event){$event.target.select();}这在除MicrosoftEdge之外的所有浏览器中都可以正常工作,它不会选择输入字段中的文本。我还尝试了另一种jQuery解决方案,除了输入字段的第一个选择外,它仍然有效。之后它会按预期工作并选择所有文本。$('input').on('focus',function(e){$(this).one('mous

javascript - react native : How to make format card expiration with/using <TextInput/>?

在ReactNative中使用,我正在尝试制作/仅在时出现是焦点,如果输入另一个输入,它会留在那里。目前,格式是MM/YY,所以当用户键入第三个数字时,它将排在/之后。,如果用户按下返回键,它会删除/之前的数字。.那么实现前面提到的正确方法是什么?谢谢你,一定会接受答案。我尝试了以下但长度出错,这只是添加了/输入两位数字后:_changeCardExpiry(value){if(value.indexOf('.')>=0||value.length>5){return;}if(value.length===2&&this.state.cardExpiry.length===1){val

javascript - TypeError : __WEBPACK_IMPORTED_MODULE_0_react___default. a.createRef 不是函数

我是React.js的新手,刚才我正在学习React中ref的概念。他们在V16.3中有新的createRefAPI。我试图从REACTDOC's中学习这个像这样-importReactfrom"react";exportclassMyComponentextendsReact.Component{constructor(props){super(props);//createareftostorethetextInputDOMelementthis.textInput=React.createRef();this.focusTextInput=this.focusTextInput.

javascript - 在 TextInput React-Native 上获取光标位置

有没有人对如何获得TextInput的插入符位置有任何想法?我尝试了onSelectionChange并从DocumentSelectionState创建了一个事件发射器,但似乎都不起作用(无论我选择什么,它们都不会触发任何东西)。例如:https://rnplay.org/apps/eZnvIA 最佳答案 onSelectionChange={(event)=>console.log(event.nativeEvent.selection)} 关于javascript-在TextInp