小编pet*_*tsk的帖子

是否有正式的方法来重置搜索输入,使其看起来与Safari中的文本字段相同？

截图

Safari正在向左侧添加一些恼人的填充,我无法删除.

input {
  -webkit-appearance: none;
  padding: 0;
}

<input type="search" value="abc"><br>
<input type="text" value="abc">

我有一个加号按钮来增加文本字段中的数字。当文本字段值更改时，将#updateCartButton触发a，它通过其他一些ajax / php代码更新表单。

我遇到的问题是在快速会话中单击加号按钮#updateCartButton5次也触发了5次。我想#updateCartButton在用户停止单击加号按钮后（可能在500毫秒后）触发。

我试图setTimeout像这样解决它，但不能解决问题：

  setTimeout(function () {
    $('#updateCartButton').trigger('click'); // trigger update button
  }, 500);

有一个简单的解决方案吗？

  setTimeout(function () {
    $('#updateCartButton').trigger('click'); // trigger update button
  }, 500);

$(function() {
  $('.plus').on('click', function() {
    var oldVal = $('input').val();
    var newVal = (parseInt($('input').val(),10) + 1);
    
    $('input').val(newVal);
    $('#updateCartButton').trigger('click'); // trigger update button
  });
});

当我想要查找并删除文章编号列中以破折号 (-) 开头的部分以及其后的所有内容时，正则表达式应该是什么样子？

我正在使用 BBEdit 搜索并替换制表符分隔的 CSV 文件中的字符串（示例如下）。

"Article number"    "Name"  "Third Column"
"Shorts Artic"  "Swa..."    "2018-07-28"
"Shorts Artic-1"    "Swa..."    ""
"Shorts Artic-2-1"  "Swa..."    "https://test-domain.com/..."
"Shorts Artic-2-2-1"    "Sw..." ""
"Shorts Artic-2-2-2-2-1"    "Ba..." "-asd"
"Shorts Artic-2-2-2-2-2-1"  "Nus..."
"Shorts Artic-2-2-2-2-2-1-1"    "Lek.."
"0858-1"    "Jacket Blue.."
"0858-2-1"  "Jacket Re.."
"0858-2-2-1"    "Int..."
"0858-2-2-2-1"  "In..."
"0858-2-2-2-2-1"    "Int..."
"0858-2-2-2-2-2-1"  "Int..."
"0858-2-2-2-2-2-2-1"    "Int..."
"0858-2-2-2-2-2-2-2-1"  "In..."
"0858-2-2-2-2-2-2-2-2"  "In..."
"0858-2-2-2-2-2-2-2-1"  "In..." "6 107-124 cm"
"stl 31-35-1-1-1-1-2-2-2-1-1"   "In..."

"Shorts Artic-1"会变成"Shorts Artic"

"Shorts Artic-2-2-1"会变成"Shorts Artic"

"0858-2-2-2-2-2-2-2-2"会变成"0858"

header::before在这个例子中，我试图将伪元素拉伸到整个页面宽度。

100vw 为伪元素提供屏幕的宽度，到目前为止还不错。

但是左侧位置left: -100%;将伪元素向左推得太远了。是否可以计算出正确的左侧位置？

.wrapper {
  width: 70%;
  max-width: 800px;
  margin: 0 auto;
}

header {
  background: pink;
  position: relative;
  z-index: 0;
}

header::before {
  background: lightblue;
  position: absolute;
  z-index: -1;
  content: "";
  height: 100%;
  width: 100vw;
  /* full page width */
  left: -100%;
  /* left positioning */
}

main {
  background: wheat;
}

<div class="wrapper">
  <header>Header</header>
  <main>Main content</main>
</div>

Codepen 链接：https ://codepen.io/anon/pen/yZGzPO

所需的结果应如下所示：