[RxJS] Getting Input Text with Map

By default, Inputs will push input events into the stream. This lesson shows you how to use map to convert the input event into the text you actually want.

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <script src="https://npmcdn.com/@reactivex/[email protected]/dist/global/Rx.umd.js"></script>
  <title>JS Bin</title>
</head>
<body>

<input type="text" id="input">

</body>
</html>
const input = document.querySelector(‘#input‘);
const input$ = Observable.fromEvent(input, ‘input‘)
  .map(event => event.target.value);

input$
  .subscribe((x)=> console.log(x));
时间: 2024-11-05 22:04:18

[RxJS] Getting Input Text with Map的相关文章

RobotFramework自动化测试框架-移动手机自动化测试Input Text和Click Button关键字的使用

Input Text和Click Button Input Text 关键字一般用来给输入框进行输入操作,该关键字接收两个参数[ locator | text ]. 示例1:启动安卓手机上一个APP的MainActivity,在打开Activity,进入界面后,分别向两个EditText输入框中输入12,并且点击按钮"计算"来计算出输入的这两个数字的乘积. APP的界面如下,提供了两个输入框,还有一个计算的Button按钮. 在写这个自动化案例前,我们可以使用安卓SDK提供的Ui Au

input text 不可编辑的解决办法

<div class="inp bg"> <input id="inp-query" type="text" name="search_text" size="22" maxlength="60" placeholder="书名.作者.ISBN" autocomplete="off" dir="ltr"/>

input text的outline属性

普通的text选中编辑时会出现蓝色的边框,感觉不太美观,怎么去掉呢? 可以在text对应的样式里加入:outline: 0; input text的outline属性

限制input text输入的类型(数字,字母,小数点)

1.红色为input text只能输入数字和小数点. <input type="text" class="input" name="rate" value="0.000"onkeypress="if(!this.value.match(/^[\+\-]?\d*?\.?\d*?$/))this.value=this.t_value;else this.t_value=this.value;if(this.valu

input:text 的value 和 attribute(&#39;value&#39;) 不是一回事

如题,input:text 当手工输入字符改变其值时,两者就不一样了. 要获得手工输入,不要用attribute('value') 直接使用value: function getbyid(id){ return document.getElementById(id); } window.onload = function(){ content = getbyid('content'); change = getbyid('change'); change.addEventListener('cl

input text 文本框 字符限制

input text中只能输入数字和"-"号<input type='text' onkeyup="(this.v=function(){this.value=this.value.replace(/[^0-9-]+/,'');}).call(this)" onblur="this.v();" />

jquery循环table中tbody的tr中input:text,将值进行拼接传入控制器并返回状态和描述

引用jquery $(function(){ $("#按钮id").click(function(){ var nums="";//变量 $("#table的id tbody tr").each(function(){ var num1=$(this).find("input:text:eq(0)").val(); var num2=$(this).find("input:text:eq(1)").val(

adb shell input text 输入特殊字符 ?

要往手机里输入很长的字符,可以用到adb shell input "" 输入想要的字符,但是对于一些特殊字符,使用adb shell input 的时候会出问题 例如 特殊字符“?” 有两种方法: 1.使用转意符,就能正常输入了 adb shell input text "\?" #该命令执行后,手机文本输入框中就会有“&” 缺点:每个“?”前都要加一个转意符,否则会报错 2.加一个空格 字符前加一个空格,后面跟多少个特殊字符(?)都无所谓 adb shel

apple Safari input text 的兼容问题

apple -webkit-tap-highlight-color 这个属性只用于iOS (iPhone和iPad).当你点击一个链接或者通过Javascript定义的可点击元素的时候,它就会出现一个半透明的灰色背景.要重设这个表现,你可以设置-webkit-tap-highlight-color为任何颜色. 想要禁用这个高亮,设置颜色的alpha值为0即可. 示例 屏蔽ios和android下点击元素时出现的阴影 1 -webkit-tap-highlight-color: rgba(255,