jquery链接到输入到我的表单中的链接技巧

jquery link to input to link trick in my form

本文关键字：链接 我的 输入 jquery 表单      更新时间：2023-09-26

我已经制作了一个脚本，但它没有按预期工作，我需要帮助。你可以在这里看到它。

我只需要为 URL 字段实现以下行为：

  1. 单击链接时，将打开目标页面。这行得通。
  2. 当您单击链接的父div 时，链接将成为可编辑的input。这也会发生，但我的输入字段的id取自数组，例如 （ url0 ， url1 ， url2 ），所以当我在表单中有多个 URL 时，只有第一个有效。
  3. 当您在编辑输入后单击外部时，它将再次变为链接。
  4. 此外，当您双击链接时，它将变得可编辑。

提前感谢您的所有答案，希望您能帮助我。

您

不能使用相同的id不同的页面元素 - 这是无效标记，并且，正如您清楚地看到的那样，会导致无效行为。首先，您可能希望在标记中修复它。

如果你不能改变它（但是，再一次，你真的应该！），你可以使用一些更复杂的选择器，例如：

$('.cartRight > div > div > a').click(function(){
    $(this).parent().siblings("input").findval($(this).text()).show();
    $(this).hide();
})

很傻吧？不过，您可能可以将这种混乱用作最后的手段。

至于双击，我不建议实现这种行为;它在Web上下文中并不常见，并且可能会让用户感到困惑。此外，从技术角度来看，单击一下即可开始加载新页面;如果双击链接，您可以使用window.stop()来阻止它，但您需要手动实现双击事件，因为：

dblclick 事件很少使用。即使你使用它，你也应该 确保永远不要同时注册 onclick 和 ondblclick 事件处理程序 在同一个 HTML 元素上。找出用户实际做了什么 如果您同时注册两者，则几乎是不可能的。 （http://www.quirksmode.org/js/events_mouse.html#dblclick）

我认为你应该在右侧有一个小的"编辑"按钮（也许是一个"铅笔"图标？），而不是使用你当前的UI方案。这对我来说似乎很混乱 - 更不用说用户了......

相关文章：