Jquery 在'内检测鼠标点击；X'；窗体右侧的输入和模拟输入按键

我有一个非常简单的表格和背景图像：

<div id="search">
  <form role="search" method="get" class="" action="https://www.foo.com/">
    <label>
      <span class="screen-reader-text">Search for:</span>
      <input type="search" class="search-field" placeholder="Search …" value="" name="s" title="Search for:">
    </label>
    <input type="submit" class="search-submit" value="Search">
  </form>           
</div>

---

您可以修改建议的代码，如下所示：

$("input").click(function(e){
   var pWidth = $(this).innerWidth(); //use .outerWidth() if you want borders
   var pOffset = $(this).offset(); 
   var x = e.pageX - pOffset.left;
    if(pWidth - x < 35)
        $(this).closest('form')[0].submit();
});

$（“输入”）。单击（函数（e）{
var pWidth=$（this）.innerWidth（）；//如果需要边框，请使用.outerWidth（）
var pOffset=$（this.offset（）；
var x=e.pageX-pOffset.left；
如果（pWidth-x<35）
$（this）.closest（'form'）[0].submit（）；
});

小解释：

在pWidth中，单击了DOM元素的宽度

e、 pageX是click的X坐标，但需要减去DOM元素的左偏移量

---

然后只需简单地获取左侧的宽度（从单击位置到DOM元素的右端），并将其与所需的值（在本例中为35px）进行比较，如果该值低于此值，请提交表单。您可以修改建议的代码，如下所示：

$("input").click(function(e){
   var pWidth = $(this).innerWidth(); //use .outerWidth() if you want borders
   var pOffset = $(this).offset(); 
   var x = e.pageX - pOffset.left;
    if(pWidth - x < 35)
        $(this).closest('form')[0].submit();
});

$（“输入”）。单击（函数（e）{
var pWidth=$（this）.innerWidth（）；//如果需要边框，请使用.outerWidth（）
var pOffset=$（this.offset（）；
var x=e.pageX-pOffset.left；
如果（pWidth-x<35）
$（this）.closest（'form'）[0].submit（）；
});

小解释：

在pWidth中，单击了DOM元素的宽度

e、 pageX是click的X坐标，但需要减去DOM元素的左偏移量

---

然后只需简单地获取左侧的宽度（从单击位置到DOM元素的右端），并将其与所需的值（在本例中为35px）进行比较，如果该值低于该值，则提交表单

Brilliant，yes，这是一个不错的选择。有没有办法将光标更改为悬停在右侧35px上的状态？只需使用$（“input”）.on（“hover”，function（）{}）；太棒了，是的，这是一种享受。有没有办法将光标更改为悬停在右侧35px上的状态？只需使用$（“input”）.on（“hover”，function（）{}）；