前端页面用的是ruoyi框架请帮我生成一个input框只允许输入浮点数支持正负值最大保留4位小数需要在输入的时候用正则校验输入并且在鼠标失去焦点的时候也经行正则校验

<input type="text" id="float-input">
<script>
  var floatInput = document.getElementById("float-input");

  // 只允许输入浮点数，支持正负值
  floatInput.addEventListener("input", function() {
    this.value = this.value.replace(/[^-0-9.]/g, '').replace(/(\..*)\./g, '$1');
  });

  // 最大保留4位小数
  floatInput.addEventListener("blur", function() {
    var value = parseFloat(this.value);
    if (isNaN(value)) {
      this.value = "";
    } else {
      this.value = value.toFixed(4);
    }
  });
</script>