javascript - 一个更简单且独立的数字选择器?

标签 javascript css cordova phonegap numberpicker

在搜索我正在制作的 PhoneGap 应用程序的数字选择器 javascript 代码时,我遇到了这个:https://plugins.jquery.com/dpNumberPicker/

它很好地满足了我的需求,但看起来过于复杂。我搜索了很多代码,而这个代码最能满足我的需求。我想知道是否有更简单的方法来实现跨平台(Android 和 iOS)移动就绪(可点击)号码选择器?我需要一些东西,让我制作一个带有 - 符号的可样式化按钮,数字出现的可样式化框,以及随后的可样式化 + 符号,并且两个按钮可以独立设置样式或共享相同的样式代码,以及 + 和- 风格化。

简而言之,这: [-][0][+]

是否有更简单的方法(如代码行少得多)来完成 DP Number Picker 的工作方式?这个数字选择器是漂亮的代码,但它于 2014 年问世。我希望有一种更简洁、更短的方法来实现这一点。

如果有答案,有没有办法让按钮只出现,当你点击数字输入框时,数字框可以设置样式,然后按钮消失,数字框恢复到默认的未点击样式在不点击的预定义秒数之后?

从这里开始: 0 对此: [-][0][+] 停止点击后再次返回: 5

最佳答案

好的,回答您的问题(正如您评论说您只想知道尝试自己编写代码是否有任何意义):

Is there anything simpler (as in far less lines of code) that does what the DP Number Picker does the way it does it? This number picker is handsome code but it came out in 2014. I was hoping there was a neater and shorter way to achieve this.

除非你可以使用<input type="number"> ,您可以自己编写自定义解决方案。自定义编码的解决方案几乎总是比其他人制作的通用解决方案更短,因为您只对您特别需要的功能进行编码。您要问的问题应该不会太难编写代码,并且在学习 JavaScript 时可能是一个很好的练习。

If there's an answer to this, is there a way to make the buttons only appear and the number box be stylable when you tap on the number input box, and then the buttons disappear and number box goes back to its default untapped style after a pre-defined number of seconds of not tapping?

是的,您可以通过在输入框和按钮上使用事件监听器来根据用户交互更改外观和样式。您还可以通过 debouncing 在设置的不活动时间后将外观更改回默认值.

关于javascript - 一个更简单且独立的数字选择器?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48399160/

相关文章:

javascript - 向 Express 路由添加参数时出现 404

javascript - Discord.js 机器人 "Unhanded Promised Rejection Type Error: Cannot Read Property 255890520990154752 of undefined"

javascript - 在数组的开头添加一个对象

javascript - Bootstrap 下拉效果 - jQuery

android - 如何从 Cordova 插件类强制 Android 应用程序崩溃?

javascript - Apache Cordova 和 ionic 框架如何进行原生交互?

javascript - Angularjs:如何检查元素的子元素是否包含某个元素(通过 ID)

CSS/JS - 在逗号分隔列表中的逗号处强制换行

html - 尝试创建一个水平居中的菜单

android - ionic Cordova 运行Android给出gradle错误