我已经实现了一个范围滑块,它使用该值从数组中获取元素并显示该元素,而不是显示范围值.它适用于Chrome和Firefox但不适用于IE 11 - 当滑块移动时,该值不会获得更新的元素.

HTML:

type="range"

min=1

max=10

value=0

id="fader"

step=1

οninput="outputUpdate(years[value])"

>

1908

使用Javascript:

var years = [0,1908, 1910, 1912, 1915, 1920, 1935, 1949, 1982, 2005, 2015];

function outputUpdate(vol) {

document.querySelector('#volume').value = vol;

}

通过搜索,我发现这与"oninput"在IE中的工作原理(或不工作原理)有关.

我试着从这里加入解决方案

type="range"

min="5"

max="10"

step="1"

οninput="showVal(this.value)"

οnchange="showVal(this.value)"

>

但它仍然没有更新.

html oninput的作用,html范围滑块 - oninput在IE 11中不起作用相关推荐

  1. 数据库索引的作用和优点缺点以及索引的11中用法

    为什么要创建索引呢?这是因为,创建索引可以大大提高系统的性能.  第一,通过创建唯一性索引,可以保证数据库表中每一行数据的唯一性.  第二,可以大大加快 数据的检索速度,这也是创建索引的最主要的原因. ...

  2. Intent Action_dial 在 android 11 中不起作用

    在注册文件中添加 <queries><intent><action android:name="android.intent.action.DIAL" ...

  3. {电脑救助站}常用知识1 来自常用知识( 网络安全中起重大作用的 Windows 命令)

    常用知识( 网络安全中起重大作用的 Windows 命令) 常用在线查毒链接 3 楼       超级兔子的在线检测功能 4楼       准确探索间谍软件或广告软件 5楼         预防间谍软 ...

  4. VMware虚拟机文件夹中各文件作用详解

    VMware虚拟机文件夹中各文件作用详解 虚拟机的文件管理由VMware Workstation来执行. 一个虚拟机一般以一系列文件的形式储存在宿主机中, 这些文件一般在由workstation为虚拟 ...

  5. Science:亚硝酸盐氧化细菌在黑暗海洋中的主要作用

    文章目录 亚硝酸盐氧化细菌在黑暗海洋中的主要作用 写在前面 摘要 热心肠日报 背景 结果 图1 非全长16S rRNA基因序列的系统发育树 图2 通过募集宏基因组片段的方法确定亚硝酸盐氧化细菌单扩增基 ...

  6. 丰度决定了细菌在复杂群落中的功能作用

    本文转载自"微生态笔记",已获授权 标题:Abundance determines the functional role of bacterial phylotypes in c ...

  7. tensorflow2.0中valid_data的作用是在训练的过程对对比训练数据与测试数据的准确率 损失率,便于判断模型的训练效果:是过拟合还是欠拟合(过拟合)

    tensorflow2.0中valid_data的作用是在训练的过程对对比训练数据与测试数据的准确率,便于判断模型的训练效果:是过拟合还是欠拟合 过拟合:训练数据的准确率较高而测试数据的准确率较低 欠 ...

  8. C#中构造函数的作用

    C#中构造函数的作用 共同点: 都是实例化对象,初始化数据的 默认构造是说所有的类都从祖先object那继承了空参的构造方法,你不写与写空参构造都存在,而有参数的构造一般是自己写的,写就有不写就没有, ...

  9. python里dir是什么意思_python中dir什么作用

    python中dir的作用是:1.dir函数传入数据类型返回该数据类型的所有内置方法:2.dir函数传入模块名返回该模块的所有属性和方法. dir() 内置函数的作用 python 内置方法有很多,无 ...

最新文章

  1. 基于ARM Cortex-M的SoC存储体系结构和实战
  2. mysql1577_使用Navicat for MySQL的1577错误解决办法
  3. java 多态 降低耦合_java多态
  4. redis将散裂中某个值自增_0基础掌握Django框架(49)Redis
  5. 小白学Linux(一:开门见山)
  6. Android软件开发之盘点所有Dialog对话框大合集(一)
  7. Linux上安装ZooKeeper并设置开机启动(CentOS7+ZooKeeper3.4.10)
  8. 1.5万人!京东面向2021届高校毕业生开启最大规模校招
  9. HDU - 2122 Ice_cream’s world III
  10. [LeetCode]Plus One
  11. UVA12039 Goldbach‘s Cardinality【欧拉筛法】
  12. 云计算虚拟化之Docker上如何安装Mongodb?
  13. 软件质量保证基本知识加复习建议
  14. 什么叫pin脚的pad_超详细的 摄像头PIN脚功能作用
  15. 【flutter】tabbar文字抖动处理方案
  16. @PostConstruct与afterPropertiesSet
  17. 手写Vuex核心原理,再也不怕面试官问我Vuex原理
  18. 短视频+电商直播,未来可期!
  19. FileUpload文件上传
  20. 小诀窍:不妨尝试从交付质量上打败对手

热门文章

  1. 3.递归猴子吃桃问题
  2. 不一致的国际数据隐私法
  3. nth-of-type
  4. 四屏带缩略图JS幻灯片
  5. mysql命令行卡在>>>>>
  6. 一篇文章教你学会Java基础JDBC
  7. SpringCloud教程- 服务消费者(rest+ribbon)(SpringCloud版本Finchley)
  8. k8s控制器模式介绍
  9. reactjs redux chrome扩展插件
  10. gorm物理删除:unscoped用法