草庐IT

input_index

全部标签

javascript - <paper-input> 或 <core-input> 元素上的 polymer focus()

有没有办法聚焦core-input或paper-input元素?我想要实现的是:将光标设置为输入元素,以便用户可以开始输入。这样他就不会在写之前被迫点击元素。 最佳答案 core-input现在有一个.focus()方法,它委托(delegate)给内部的focus()来自core-input.html代码:focus:function(){this.$.input.focus();}这意味着在您自己的代码中您需要像下面这样调用它:elem[0].focus()在我自己的例子中,我从timeout调用focus。在这种情况下,bin

javascript - 通过 gulp 从 index.html 中删除脚本

我在我们的应用程序中使用gulp,我们在Gulpfile.js中有2个流程,一个用于生产,第二个用于开发,但我不想保留2个index.html文件,例如index.html和index.dev。html,我想要一个index.html文件,但是对于生产构建,我有一些不需要的脚本,例如.问题是:如何通过Gulp从html中删除某些内容? 最佳答案 您可以使用专用于此特定目的的gulp-html-replace插件:https://www.npmjs.org/package/gulp-html-replace

javascript - Angular 2 : how do display character count on reactive form input

我正在使用Angular2响应式表单,我想在用户输入时显示textarea的字符数。我希望能够像这样在我的html中包含表单控件的name.length:BriefDescriptionofIncident{{alaynaPage.incidentDescription.length}}of{{maxIncidentDescriptionLength}}characters这“有效”,但是表单控件的length滞后一次击键。例如,如果我在文本区域中键入a,{{alaynaPage.incidentDescription.length}}为0。如果我随后键入b(因此字符串是ab){{al

javascript - jQuery,选择 Input FILE 并将其设置为另一个 INPUT

该网站有2个输入字段,我只选择了1个字段,另一个不可见。现在我想将不可见的.val()更改为选定的.val(),因此两个字段都上传相同的文件。它是如何工作的?如果我这样做:$('#input_file').change(function(){varfileSelect=$(this).val();$('#hidden_input_file"]').val(fileSelect);console.log(fileSelect);});我得到这个错误:未捕获的InvalidStateError:无法在“HTMLInputElement”上设置“值”属性:此输入元素接受一个文件名,该文件名只

javascript - 模块构建失败(来自 ./node_modules/babel-loader/lib/index.js): Error: Cannot find module 'babel-preset-react'

在尝试使用Webpack4和Babel7构建React应用程序时,我遇到了以下错误。ERRORin./src/index.jsModulebuildfailed(from./node_modules/babel-loader/lib/index.js):Error:Cannotfindmodule'babel-preset-react'from'/Users/me/Desktop/reflask'-Ifyouwanttoresolve"react",use"module:react"-Didyoumean"@babel/react"?atFunction.module.exports[

javascript - AngularJS ngMessages 无法绑定(bind)到 $index 表达式

我正在构建一个Angular表单,它需要ngRepeat中的可重复表单元素。Thisisrequired{{form|json:4}}Angular现在支持动态声明的input名称,因此您不必执行以下操作:并且您可以在ngRepeat中使用{{$index}}来动态声明项。但这似乎不适用于ngMessages,当我尝试将索引绑定(bind)到其中时会抛出错误。即这个:抛出这个:Error:[$parse:syntax]SyntaxError:Token'{'isanunexpectedtokenatcolumn16oftheexpression[form.something_{{$in

javascript - react : dynamically add input fields to form

我正在为表单使用formsy-react,我想在触发事件时呈现更多选项,代码如下所示:classMultipleChoiceextendsComponent{constructor(props){super(props);}render(){return();}}我有一个按钮和onClick事件,我想触发一个将另一个附加到divid“dynamicInput”的函数,这可能吗? 最佳答案 是的,我们可以更新组件的底层数据(即state或props)。React如此出色的原因之一是它允许我们专注于我们的数据而不是DOM。假设我们有一个

实习关于快速修改element ui中input框的样式问题

由于需要根据ui设计成这个样子这里直接贴代码el-form-item>el-inputv-model="form.keyword"placeholder="搜索关键词"onfocus="this.placeholder=''"onblur="this.placeholder='搜索关键词'"maxlength="50"clearable>islot="suffix"class="el-input__iconel-icon-searchft9"@click="getSearchList">i>el-input>el-form-item>el-form-item>这里的suffix只是修改尾部的i

javascript - 如何在没有浏览器检测的情况下识别 "input"事件中的错误行为?

我将从问题开始。当特定浏览器的某项功能实现有问题并且您的javascript需要知道当前浏览器是否具有该有问题的实现以便它可以使用替代策略时,您如何在不进行浏览器类型嗅探的情况下确定该实现是否有问题(这通常被认为是坏的)?这是整个情况。我正在编写一些想要使用"input"event的代码用于获取用户更改的通知字段(比“更改”事件更有效),但是当不支持该事件时,它会使用涉及许多其他事件的更复杂的方案。由于“输入”事件仅在某些浏览器中受支持,我开始寻找一种方法来对该事件进行特征检测(而不是浏览器用户代理嗅探),因为特征检测通常是一种更可靠的处理方式.因此,我遇到了thisgreatarti

javascript - 从 create-react-app 中的 service worker 缓存中排除 index.html

我有一个使用create-react-app的reactJs应用程序。该应用程序使用service-worker和其他PWA功能,但不知何故我发现尽管更新了网站或部署了新版本,chrome总是从服务worker中选择index.html和根本不进行网络调用。我认为使用serviceworker缓存index.html是个问题,但无法将其排除在缓存之外,我确实检查了一些关于SO的问题和github上的问题,但无法解决这个问题。我正在使用默认的service-worker注册registerServiceWorker.js//Inproduction,weregisteraservicew