我可以为按钮HTML添加自定义属性吗？这在所有浏览器上都能正常工作吗？

Question

<button id="save" custom-field="false">

我能像上述所述一样定义自己的按钮标记的自定义属性吗？它在所有浏览器上都有效吗？

基本上，我的问题是上面的保存按钮重定向到一个 AJAX 调用，如果成功，然后重定向到另一个页面。我已经在 window.onbeforeunload 上添加了一个警报。我不希望当单击保存按钮时的重定向是由于成功的 ajax 调用时出现此警报。

因此，解决方法是在成功的 ajax 调用上设置 custom-field 为真，并且在我的 window.onbeforeunload 代码中仅在 custom-field 为假时弹出警报。

- Manas Saxena

Answer 1

是的，您可以使用 jQuery .data 添加自定义属性。

它可以用于添加任何自定义的任意数据。

<button id="save" data-myAttribute="myAttribute">

您可以使用以下方式检索它：

$( "#save" ).data( "myAttribute" ); // myAttribute

或者使用JavaScript。

document.getElementById('save').setAttribute('mydata','myData');

使用以下方式检索它

document.getElementById('save').getAttribute('mydata');

- brk

Answer 2

您可以使用 data-attribute。

例如：

<button id="save" data-field="false">

了解更多关于数据属性的内容。

你可以使用.data()或.attr('data-field')在jquery中轻松检索数据属性的值。

- Amar Singh

---

@user2713255 是的，它是可靠的。这就是为什么我喜欢它的原因。 - Amar Singh

Answer 3

您可以在任何元素中添加自定义字段，并在需要时像下面这样访问它

<button id="save" data-field="false">

    var custFieldValue=$('#save').attr('data-field');

- Jekin Kalariya