Javascript 带有宽度和高度输入字段的Jquery约束比例

我有一个带有宽度和高度输入字段的表单。 我想听听用户在任何一个字段中所做的更改 并使用Jquery更改另一个字段中的值wile constraint proporties。 用户可以在键入时看到更改

<form>
  <p>
    <label>Width</label><br />
    <input type="text" id="width" value="16" />
  </p>
  <p>
    <label>Height</label>
    <input type="text" id="height" value="9" />
  </p>
</form>

宽度



高度

这个怎么样。我将原始值存储在数据值属性中，用于重新计算比率

<form>
   <p>
      <label>Width</label><br />
      <input type="text" id="width" data-value="16" value="16" />
  </p>
  <p>
      <label>Height</label>
      <input type="text" id="height" data-value="9" value="9" />
  </p>
</form>​​​​​​​​​

---

以下是尝试将事件附加到.keypress（handler（eventObject））的方法，对于使用的每个按键，它都会执行您上面所说的操作。

您是否已经有任何代码不起作用了？我们不是来为您编写代码的，而是来帮助您解决问题的。

​$("#width").bind("keyup", function(){
   var width = $(this).data("value")
     , newwidth = $(this).val()
     , $height = $("#height")
     , height = $height.val();

   $height.val(height*(newwidth/width));

})​