小编Jon*_*nny的帖子

使用JavaScript切换特定文本无法按预期工作

我有一个切换按钮,可以改变一些文本.我遇到的问题是,如果我有2个单词,并且我想要更改一个单词的文本,但是当我切换它时,样式将从两个跨度而不是所选文本的跨度中删除.

如何从选定的特定文本中删除范围并将范围保留在其他文本上?

function headuppercase(e) {
  tags('span', 'sC');
}

function tags(tag, clas) {
  var ele = document.createElement(tag);
  ele.classList.add(clas);
  wrap(ele);
}

function wrap(tags) {
  var el = document.querySelector('span.sC');
  sel = window.getSelection();
  if (!el) {
    if (sel.rangeCount && sel.getRangeAt) {
      range = sel.getRangeAt(0);
    }
    document.designMode = "on";
    if (range) {
      sel.removeAllRanges();
      sel.addRange(range);
    }
    range.surroundContents(tags);
  } else {
    var parent = el.parentNode;
    while (el.firstChild) parent.insertBefore(el.firstChild, el);
    parent.removeChild(el);
  }
  document.designMode = "off";
}
Run Code Online (Sandbox Code Playgroud)
.ourbutton {
  padding: 5px;
  float: left;
  font-variant: small-caps;
}

.container {
  width: …
Run Code Online (Sandbox Code Playgroud)

html javascript css editor toggle

6
推荐指数
1
解决办法
303
查看次数

未捕获(承诺)错误:查询需要索引

一旦我添加了 Where 方法,我就会收到此错误,但它可以在没有 Where 子句的情况下工作。在集合中,每个文档都有称为“状态”的布尔值。

db.firestore().collection('jobs').where("status","==",true).orderBy("createDate").limit(10).get().then(querySnapshot =>{

        })
      })
Run Code Online (Sandbox Code Playgroud)

感谢所有帮助。谢谢!

javascript firebase vuejs2 google-cloud-firestore

2
推荐指数
1
解决办法
4220
查看次数

如何在javascript中的数组中放置特殊字符

在 php 中,我可以这样做在数组中放置一个反斜杠

$symbols = array(".","\\\\");
Run Code Online (Sandbox Code Playgroud)

在带有反斜杠、冒号和分号的 javascript 中执行此操作的最佳方法是什么?

javascript

2
推荐指数
1
解决办法
1356
查看次数

如何将字符串限制为仅12个字符

我有一个功能,将破折号添加到电话号码字段,如何将此字段中的字符数限制为仅12个字符?

function dash(el, after) {
  after = after || 3;
  var v = el.value.replace(/[^\dA-Z]/g, ''),
    reg = new RegExp(".{" + after + "}", "g")
  el.value = v.replace(reg, function(a, b, c) {
    return a + '-';
  });
}

var el = document.getElementById('phone');
el.addEventListener('keyup', function() {
  if (el.value.length <= 8) {
    dash(this, 3);
  } else {
    el.value.length++;
  }
  if (el.value.length >= 12) {
    el.value.length = el.substring(0, 12);
  }
});
Run Code Online (Sandbox Code Playgroud)
<span>Phone</span><input id="phone" class="comInputc" name="phone" type="text">
Run Code Online (Sandbox Code Playgroud)

html javascript input

1
推荐指数
2
解决办法
54
查看次数