javascript - 更改 ontouchmove 的背景和颜色-6ren

javascript - 更改 ontouchmove 的背景和颜色

转载作者：行者123 更新时间：2023-11-27 22:58:27

我有一个单词框，用户可以在其中拖动触摸并拖动来选择单词。

我正在使用 touchmove 事件监听器来更改 wordBox 中单词的背景/颜色。但是 touchmove 仅从文本开始处更改文本的颜色/背景。

    var COLUMNS = 20;
    var ROWS = 12;
    var word = ['H', 'E', 'L', 'L', 'O'];

    var wordLength = word.length;

    

    var spans = document.getElementsByTagName("span");
    

    function select(evt) {
      var id = this.id;
      document.getElementById(this.id).style.background = "#ffffff";
      document.getElementById(this.id).style.color = "#0070C4";

      for (var i = 0; i < spans.length; i++) {
        mouseMove = spans[i].addEventListener("touchmove", function(sp) {

          document.getElementById(sp.toElement.id).style.background = "#ffffff";
          document.getElementById(sp.toElement.id).style.color = "#0070C4";

        });
      }
    }



    function start() {
      //GENERATE RANDOM WORDBOX
      for (var i = 0; i < spans.length; i++) {
        spans[i].innerHTML = word[Math.floor(Math.random() * wordLength)];
        spans[i].addEventListener("touchmove", select);
      }
    }

start();

html {
  background: #0070C4;
  color: #fff;
}
span {
  padding: 8px 6px;
}

<div id="wordBox">
  <div class="column1">
    <span id='r1'></span>
    <span id='r2'>></span>
    <span id='r3'>></span>
    <span id='r4'>></span>
    <span id='r5'>></span>
    <span id='r6'>></span>
    <span id='r7'>></span>
    <span id='r8'>></span>
    <span id='r9'>></span>
    <span id='r10'>></span>
    <span id='r11'>></span>
    <span id='r12'>></span>
    <span id='r13'>></span>
    <span id='r14'>></span>
    <span id='r15'>></span>
    <span id='r16'>></span>
    <span id='r17'>></span>
    <span id='r18'>></span>
    <span id='r19'>></span>
    <span id='r20'>></span>
  </div>
  <div class="column2">
    <span id='r21'>></span>
    <span id='r22'>></span>
    <span id='r23'>></span>
    <span id='r24'>></span>
    <span id='r25'>></span>
    <span id='r26'>></span>
    <span id='r27'>></span>
    <span id='r28'>></span>
    <span id='r29'>></span>
    <span id='r30'>></span>
    <span id='r31'>></span>
    <span id='r32'>></span>
    <span id='r33'>></span>
    <span id='r34'>></span>
    <span id='r35'>></span>
    <span id='r36'>></span>
    <span id='r37'>></span>
    <span id='r38'>></span>
    <span id='r39'>></span>
    <span id='r40'>></span>
  </div>
  <div class="column3">
    <span id='r41'>></span>
    <span id='r42'>></span>
    <span id='r43'>></span>
    <span id='r44'>></span>
    <span id='r45'>></span>
    <span id='r46'>></span>
    <span id='r47'>></span>
    <span id='r48'>></span>
    <span id='r49'>></span>
    <span id='r50'>></span>
    <span id='r51'>></span>
    <span id='r52'>></span>
    <span id='r53'>></span>
    <span id='r54'>></span>
    <span id='r55'>></span>
    <span id='r56'>></span>
    <span id='r57'>></span>
    <span id='r58'>></span>
    <span id='r59'>></span>
    <span id='r60'>></span>
  </div>
  <div class="column4">
    <span id='r61'>></span>
    <span id='r62'>></span>
    <span id='r63'>></span>
    <span id='r64'>></span>
    <span id='r65'>></span>
    <span id='r66'>></span>
    <span id='r67'>></span>
    <span id='r68'>></span>
    <span id='r69'>></span>
    <span id='r70'>></span>
    <span id='r71'>></span>
    <span id='r72'>></span>
    <span id='r73'>></span>
    <span id='r74'>></span>
    <span id='r75'>></span>
    <span id='r76'>></span>
    <span id='r77'>></span>
    <span id='r78'>></span>
    <span id='r79'>></span>
    <span id='r80'>></span>
  </div>
  <div class="column5">
    <span id='r81'>></span>
    <span id='r82'>></span>
    <span id='r83'></span>
    <span id='r84'>></span>
    <span id='r85'>></span>
    <span id='r86'>></span>
    <span id='r87'>></span>
    <span id='r88'>></span>
    <span id='r89'>></span>
    <span id='r90'>></span>
    <span id='r91'>></span>
    <span id='r92'>></span>
    <span id='r93'>></span>
    <span id='r94'>></span>
    <span id='r95'>></span>
    <span id='r96'>></span>
    <span id='r97'>></span>
    <span id='r98'>></span>
    <span id='r99'>></span>
    <span id='r100'>></span>
  </div>
  <div class="column6">
    <span id='r101'>></span>
    <span id='r102'>></span>
    <span id='r103'>></span>
    <span id='r104'>></span>
    <span id='r105'>></span>
    <span id='r106'>></span>
    <span id='r107'>></span>
    <span id='r108'>></span>
    <span id='r109'>></span>
    <span id='r110'>></span>
    <span id='r111'>></span>
    <span id='r112'>></span>
    <span id='r113'>></span>
    <span id='r114'>></span>
    <span id='r115'>></span>
    <span id='r116'>></span>
    <span id='r117'>></span>
    <span id='r118'>></span>
    <span id='r119'>></span>
    <span id='r200'>></span>
  </div>
  <div class="column7">
    <span id='r201'>></span>
    <span id='r202'>></span>
    <span id='r203'>></span>
    <span id='r204'>></span>
    <span id='r205'>></span>
    <span id='r206'>></span>
    <span id='r207'>></span>
    <span id='r208'>></span>
    <span id='r209'>></span>
    <span id='r210'>></span>
    <span id='r211'>></span>
    <span id='r212'>></span>
    <span id='r213'>></span>
    <span id='r214'>></span>
    <span id='r215'>></span>
    <span id='r216'>></span>
    <span id='r217'>></span>
    <span id='r218'>></span>
    <span id='r219'>></span>
    <span id='r220'>></span>
  </div>
  <div class="column8">
    <span id='r221'>></span>
    <span id='r222'>></span>
    <span id='r223'>></span>
    <span id='r224'>></span>
    <span id='r225'>></span>
    <span id='r226'>></span>
    <span id='r227'>></span>
    <span id='r228'>></span>
    <span id='r229'>></span>
    <span id='r230'>></span>
    <span id='r231'>></span>
    <span id='r232'>></span>
    <span id='r233'>></span>
    <span id='r234'>></span>
    <span id='r235'>></span>
    <span id='r236'>></span>
    <span id='r237'>></span>
    <span id='r238'>></span>
    <span id='r239'>></span>
    <span id='r240'>></span>
  </div>
  <div class="column9">
    <span id='r241'>></span>
    <span id='r242'>></span>
    <span id='r243'>></span>
    <span id='r244'>></span>
    <span id='r245'>></span>
    <span id='r246'>></span>
    <span id='r247'>></span>
    <span id='r248'>></span>
    <span id='r249'>></span>
    <span id='r250'>></span>
    <span id='r251'>></span>
    <span id='r252'>></span>
    <span id='r253'>></span>
    <span id='r254'>></span>
    <span id='r255'>></span>
    <span id='r256'>></span>
    <span id='r257'>></span>
    <span id='r258'>></span>
    <span id='r259'>></span>
    <span id='r260'>></span>
  </div>
  <div class="column10">
    <span id='r261'>></span>
    <span id='r262'>></span>
    <span id='r263'>></span>
    <span id='r264'>></span>
    <span id='r265'>></span>
    <span id='r266'>></span>
    <span id='r267'>></span>
    <span id='r268'>></span>
    <span id='r269'>></span>
    <span id='r270'>></span>
    <span id='r271'>></span>
    <span id='r272'>></span>
    <span id='r273'>></span>
    <span id='r274'>></span>
    <span id='r275'>></span>
    <span id='r276'>></span>
    <span id='r277'>></span>
    <span id='r278'>></span>
    <span id='r279'>></span>
    <span id='r300'>></span>
  </div>
  <div class="column11">
    <span id='r301'>></span>
    <span id='r302'>></span>
    <span id='r303'>></span>
    <span id='r304'>></span>
    <span id='r305'>></span>
    <span id='r306'>></span>
    <span id='r307'>></span>
    <span id='r308'>></span>
    <span id='r309'>></span>
    <span id='r310'>></span>
    <span id='r311'>></span>
    <span id='r312'>></span>
    <span id='r313'>></span>
    <span id='r314'>></span>
    <span id='r315'>></span>
    <span id='r316'>></span>
    <span id='r317'>></span>
    <span id='r318'>></span>
    <span id='r319'>></span>
    <span id='r320'>></span>
  </div>
  <div class="column12">
    <span id='r321'>></span>
    <span id='r322'>></span>
    <span id='r323'>></span>
    <span id='r324'>></span>
    <span id='r325'>></span>
    <span id='r326'>></span>
    <span id='r327'>></span>
    <span id='r328'>></span>
    <span id='r329'>></span>
    <span id='r330'>></span>
    <span id='r331'>></span>
    <span id='r332'>></span>
    <span id='r333'>></span>
    <span id='r334'>></span>
    <span id='r335'>></span>
    <span id='r336'>></span>
    <span id='r337'>></span>
    <span id='r338'>></span>
    <span id='r339'>></span>
    <span id='r340'>></span>
  </div>
</div>

JSFIDDLE

我也尝试过鼠标事件，但得到了想要的结果。我怎样才能实现这个目标？

最佳答案

Use Document.elementFromPoint() with clientX and clientY to select the current element

Document 接口(interface)的 elementFromPoint() 方法返回指定坐标处的最顶层元素。

var COLUMNS = 20;
var ROWS = 12;
var word = ['H', 'E', 'L', 'L', 'O'];
var wordLength = word.length;
var spans = document.getElementsByTagName("span");
var started = false;

function clearAll() {
  started = true;
  for (var i = 0; i < spans.length; i++) {
    spans[i].style.background = "";
    spans[i].style.color = "";
  }
}

function select(e) {
  e.preventDefault();
  if (started) {
    var changedTouch = e.changedTouches[0];
    var elem = document.elementFromPoint(changedTouch.clientX, changedTouch.clientY);
    if (elem.tagName === 'SPAN') { //this condition could also be more accurate based on your specificity of the element
      elem.style.background = "#ffffff";
      elem.style.color = "#0070C4";
    }
  }
}

function mouseMoveHandler(e) {
  e.preventDefault();
  if (started) {
    this.style.background = "#ffffff";
    this.style.color = "#0070C4";
  }
}

function reset() {
  started = false;
}

function start() {
  for (var i = 0; i < spans.length; i++) {
    spans[i].innerHTML = word[Math.floor(Math.random() * wordLength)];
    spans[i].addEventListener("touchstart", clearAll);
    spans[i].addEventListener("mousedown", clearAll);
    spans[i].addEventListener("touchmove", select);
    spans[i].addEventListener("mousemove", mouseMoveHandler);
    spans[i].addEventListener("touchend", reset);
    spans[i].addEventListener("mouseup", reset);
  }
}
start();

html {
  background: #0070C4;
  color: #fff;
}
span {
  padding: 8px 6px;
}

<div id="wordBox">
  <div class="column1">
    <span id='r1'>></span>
    <span id='r2'>></span>
    <span id='r3'>></span>
    <span id='r4'>></span>
    <span id='r5'>></span>
    <span id='r6'>></span>
    <span id='r7'>></span>
    <span id='r8'>></span>
    <span id='r9'>></span>
    <span id='r10'>></span>
    <span id='r11'>></span>
    <span id='r12'>></span>
    <span id='r13'>></span>
    <span id='r14'>></span>
    <span id='r15'>></span>
    <span id='r16'>></span>
    <span id='r17'>></span>
    <span id='r18'>></span>
    <span id='r19'>></span>
    <span id='r20'>></span>
  </div>
  <div class="column2">
    <span id='r21'>></span>
    <span id='r22'>></span>
    <span id='r23'>></span>
    <span id='r24'>></span>
    <span id='r25'>></span>
    <span id='r26'>></span>
    <span id='r27'>></span>
    <span id='r28'>></span>
    <span id='r29'>></span>
    <span id='r30'>></span>
    <span id='r31'>></span>
    <span id='r32'>></span>
    <span id='r33'>></span>
    <span id='r34'>></span>
    <span id='r35'>></span>
    <span id='r36'>></span>
    <span id='r37'>></span>
    <span id='r38'>></span>
    <span id='r39'>></span>
    <span id='r40'>></span>
  </div>
  <div class="column3">
    <span id='r41'>></span>
    <span id='r42'>></span>
    <span id='r43'>></span>
    <span id='r44'>></span>
    <span id='r45'>></span>
    <span id='r46'>></span>
    <span id='r47'>></span>
    <span id='r48'>></span>
    <span id='r49'>></span>
    <span id='r50'>></span>
    <span id='r51'>></span>
    <span id='r52'>></span>
    <span id='r53'>></span>
    <span id='r54'>></span>
    <span id='r55'>></span>
    <span id='r56'>></span>
    <span id='r57'>></span>
    <span id='r58'>></span>
    <span id='r59'>></span>
    <span id='r60'>></span>
  </div>
  <div class="column4">
    <span id='r61'>></span>
    <span id='r62'>></span>
    <span id='r63'>></span>
    <span id='r64'>></span>
    <span id='r65'>></span>
    <span id='r66'>></span>
    <span id='r67'>></span>
    <span id='r68'>></span>
    <span id='r69'>></span>
    <span id='r70'>></span>
    <span id='r71'>></span>
    <span id='r72'>></span>
    <span id='r73'>></span>
    <span id='r74'>></span>
    <span id='r75'>></span>
    <span id='r76'>></span>
    <span id='r77'>></span>
    <span id='r78'>></span>
    <span id='r79'>></span>
    <span id='r80'>></span>
  </div>
  <div class="column5">
    <span id='r81'>></span>
    <span id='r82'>></span>
    <span id='r83'></span>
    <span id='r84'>></span>
    <span id='r85'>></span>
    <span id='r86'>></span>
    <span id='r87'>></span>
    <span id='r88'>></span>
    <span id='r89'>></span>
    <span id='r90'>></span>
    <span id='r91'>></span>
    <span id='r92'>></span>
    <span id='r93'>></span>
    <span id='r94'>></span>
    <span id='r95'>></span>
    <span id='r96'>></span>
    <span id='r97'>></span>
    <span id='r98'>></span>
    <span id='r99'>></span>
    <span id='r100'>></span>
  </div>
  <div class="column6">
    <span id='r101'>></span>
    <span id='r102'>></span>
    <span id='r103'>></span>
    <span id='r104'>></span>
    <span id='r105'>></span>
    <span id='r106'>></span>
    <span id='r107'>></span>
    <span id='r108'>></span>
    <span id='r109'>></span>
    <span id='r110'>></span>
    <span id='r111'>></span>
    <span id='r112'>></span>
    <span id='r113'>></span>
    <span id='r114'>></span>
    <span id='r115'>></span>
    <span id='r116'>></span>
    <span id='r117'>></span>
    <span id='r118'>></span>
    <span id='r119'>></span>
    <span id='r200'>></span>
  </div>
  <div class="column7">
    <span id='r201'>></span>
    <span id='r202'>></span>
    <span id='r203'>></span>
    <span id='r204'>></span>
    <span id='r205'>></span>
    <span id='r206'>></span>
    <span id='r207'>></span>
    <span id='r208'>></span>
    <span id='r209'>></span>
    <span id='r210'>></span>
    <span id='r211'>></span>
    <span id='r212'>></span>
    <span id='r213'>></span>
    <span id='r214'>></span>
    <span id='r215'>></span>
    <span id='r216'>></span>
    <span id='r217'>></span>
    <span id='r218'>></span>
    <span id='r219'>></span>
    <span id='r220'>></span>
  </div>
  <div class="column8">
    <span id='r221'>></span>
    <span id='r222'>></span>
    <span id='r223'>></span>
    <span id='r224'>></span>
    <span id='r225'>></span>
    <span id='r226'>></span>
    <span id='r227'>></span>
    <span id='r228'>></span>
    <span id='r229'>></span>
    <span id='r230'>></span>
    <span id='r231'>></span>
    <span id='r232'>></span>
    <span id='r233'>></span>
    <span id='r234'>></span>
    <span id='r235'>></span>
    <span id='r236'>></span>
    <span id='r237'>></span>
    <span id='r238'>></span>
    <span id='r239'>></span>
    <span id='r240'>></span>
  </div>
  <div class="column9">
    <span id='r241'>></span>
    <span id='r242'>></span>
    <span id='r243'>></span>
    <span id='r244'>></span>
    <span id='r245'>></span>
    <span id='r246'>></span>
    <span id='r247'>></span>
    <span id='r248'>></span>
    <span id='r249'>></span>
    <span id='r250'>></span>
    <span id='r251'>></span>
    <span id='r252'>></span>
    <span id='r253'>></span>
    <span id='r254'>></span>
    <span id='r255'>></span>
    <span id='r256'>></span>
    <span id='r257'>></span>
    <span id='r258'>></span>
    <span id='r259'>></span>
    <span id='r260'>></span>
  </div>
  <div class="column10">
    <span id='r261'>></span>
    <span id='r262'>></span>
    <span id='r263'>></span>
    <span id='r264'>></span>
    <span id='r265'>></span>
    <span id='r266'>></span>
    <span id='r267'>></span>
    <span id='r268'>></span>
    <span id='r269'>></span>
    <span id='r270'>></span>
    <span id='r271'>></span>
    <span id='r272'>></span>
    <span id='r273'>></span>
    <span id='r274'>></span>
    <span id='r275'>></span>
    <span id='r276'>></span>
    <span id='r277'>></span>
    <span id='r278'>></span>
    <span id='r279'>></span>
    <span id='r300'>></span>
  </div>
  <div class="column11">
    <span id='r301'>></span>
    <span id='r302'>></span>
    <span id='r303'>></span>
    <span id='r304'>></span>
    <span id='r305'>></span>
    <span id='r306'>></span>
    <span id='r307'>></span>
    <span id='r308'>></span>
    <span id='r309'>></span>
    <span id='r310'>></span>
    <span id='r311'>></span>
    <span id='r312'>></span>
    <span id='r313'>></span>
    <span id='r314'>></span>
    <span id='r315'>></span>
    <span id='r316'>></span>
    <span id='r317'>></span>
    <span id='r318'>></span>
    <span id='r319'>></span>
    <span id='r320'>></span>
  </div>
  <div class="column12">
    <span id='r321'>></span>
    <span id='r322'>></span>
    <span id='r323'>></span>
    <span id='r324'>></span>
    <span id='r325'>></span>
    <span id='r326'>></span>
    <span id='r327'>></span>
    <span id='r328'>></span>
    <span id='r329'>></span>
    <span id='r330'>></span>
    <span id='r331'>></span>
    <span id='r332'>></span>
    <span id='r333'>></span>
    <span id='r334'>></span>
    <span id='r335'>></span>
    <span id='r336'>></span>
    <span id='r337'>></span>
    <span id='r338'>></span>
    <span id='r339'>></span>
    <span id='r340'>></span>
  </div>
</div>

Fiddle Demo

关于javascript - 更改 ontouchmove 的背景和颜色，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/37360237/

文章推荐： html - 获取具有绝对位置的父元素的子元素的宽度

文章推荐： javascript - 使用 Bootstrap 验证复选框

文章推荐： html - 页面容器不以页面对齐中心问题为中心

文章推荐： javascript - 如何在 JavaScript 中将日期列表压缩为范围？

javascript - AngularJS，Ng-repeat 更改/更改 Json 数组的顺序
SO亲爱的 friend 们: 2014 年 3 月 18 日。我正在处理一种情况，在使用 ng-repeat 时，数组内的元素(我从 Json 字符串中获取)更改了原始顺序。需要明确的是，数组中的
javascript - 更改 div 类 onclick --- 并*保存*更改
有很多问题询问如何在 JavaScript 单击处理程序中更改 div 的类，例如，此处:Change Div style onclick .我理解得很好(只需更改 .className)，并且它有效
java - 无法删除、更改、更改...列名称 'number of shares' 带空格
我从access导入了一个数据库到mysql，但其中一个表的列名“股数”带有空格，但我尝试更改、替换甚至删除列名，但失败了。任何人都可以帮助解决这一问题 String UpdateQuary = "U
javascript - iframe css src 更改，如果父 css src 更改
我正在做一个随机的学校元素。目前，我有一个包含两个 CSS 的页面。一种用于正常 View ，一种用于残障人士 View 。此页面还包括两个按钮，它们将更改使用的样式表。 function c
javascript - 更改
文本中的文本我会使用 javascript 更改
元素
我需要使用 javascript 更改 HTML 元素中的文本，但我不知道该怎么做。 ¿有什么帮助吗？我把它定义成这样: Text I want to change. 我正在尝试这样做: docum
javascript - 当我通过 Javascript 更改 ID 的 CSS 类时，我的 jQuery 导航栏没有反射(reflect)更改..？
我在它自己的文件 nav_bar.shtml 中有一个主导航栏，每个其他页面都包含该导航栏。这个菜单栏是一个 jQuery 菜单栏(ApyCom 是销售这些导航栏的公司的名称)。导航栏上的元素如何确定
更改 if 语句
我正在摆弄我的代码，并开始想知道这个变化是否来自: if(array[index] == 0) 对此: if(!array[index] != 0) 可能会影响任何代码，或者它只是做同样的事情而我不需
更改 Windows 控制台大小
我一直在想办法调整控制台窗口的大小。这是我正在使用的函数的代码: #include #include #define WIDTH 70 #define HEIGHT 35 HANDLE wHnd;
vba - 更改 IF 语句以提高效率
我有很多情况会导致相同的消息框警报。有没有比做几个 if 语句更简单/更好的解决方案？ PRODUCTS BOX1 BOX2 BOX3
c# - 更改/重命名命名空间前缀
我有一个包含这些元素的 XELEMENT B Bob Petier 19310227 1 我想像这样转换前缀。 B Bob Pet
mysql - 更改 where 子句的顺序会破坏查询
我使用 MySQL 5.6 遇到了这种情况: 此查询有效并返回预期结果: select * from some_table where a = 'b' and metadata->>"$.countr
r - 检测日期列格式的中断/更改
我想知道是否有人知道可以检测 R 中日期列格式的任何中断的包或函数，即检测日期向量格式更改的位置，例如: 11/2/90 12/2/90 . . . 15/Feb/1990 16/Feb/1990 .
更改 GtkButton 的标签
我希望能够在小部件显示后更改 GtkButton 的标签 char *ButtonStance == "Connect"; GtkWidget *EntryButton = gtk_button_ne
更改 C 中缓冲区的播放速率？
我正在使用 Altera DE2 FPGA 开发板并尝试使用 SD 卡端口和音频线路输出。我正在使用 VHDL 和 C 进行编程，但由于缺乏经验/知识，我在 C 部分遇到了困难。目前，我可以从 SD
java - 更改 JProgressBar
注意到这个链接后: http://www.newscientist.com/blogs/nstv/2010/12/best-videos-of-2010-progress-bar-illusion.h
Ansible:更改=0
我想知道在某些情况下，即使剧本任务已成功执行并且 ok=2，ansible 也会显示“changed=0”。使用 Rest API 和 uri 模块时会发生这种情况。我试图找到解释但没有成功。谁能告诉
iphone - 更改/删除远程通知上的按钮或按钮文本
这个问题已经有答案了: 已关闭12 年前。 Possible Duplicate: add buttons to push notification alert 是否可以在远程通知显示的警报框中指定有
iphone - 更改 "More"选项卡的导航栏颜色？
当您的 TabBarController 中有超过 5 个 View Controller 时，系统会自动为您设置一个“更多” View 。是否可以更改此 View 中导航栏的颜色以匹配我正在使用的颜
path - 更改.AndroidStudioBeta文件夹的位置
如何更改.AndroidStudioBeta文件夹的位置，默认情况下，该文件夹位于Windows中的\ .. \ User \ .AndroidStudioBeta，而不会破坏任何内容？ /编辑：找
Scala:收集不可变状态的更新/更改
我目前正在尝试将更具功能性的编程风格应用于涉及低级(基于 LWJGL)GUI 开发的项目。显然，在这种情况下，需要携带很多状态，这在当前版本中是可变的。我的目标是最终拥有一个完全不可变的状态，以避免状

行者123

个人简介

我是一名优秀的程序员,十分优秀！

作者热门文章

滴滴打车优惠券免费领取

全站热门文章

首页

博学

6Ren·AI

商城

javascript - 更改 ontouchmove 的背景和颜色

Fiddle Demo

文本中的文本我会使用 javascript 更改

首页

博学

6Ren·AI

商城

javascript - 更改 ontouchmove 的背景和颜色

Fiddle Demo

文本中的文本 我会使用 javascript 更改

文本中的文本我会使用 javascript 更改