我可以为按钮html添加自定义属性吗？它适用于所有浏览器吗？

Question

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

我可以像上面所述为按钮标记定义自己的自定义属性吗？它适用于所有浏览器吗？

基本上，我遇到的问题是上面的保存按钮重定向到AJAX调用，如果成功，则重定向到其他页面。 我在window.onbeforeunload上添加了一个提醒。当重定向是由于点击保存按钮成功调用ajax时，我不希望弹出此警报。

所以，上面的修复是在成功的ajax上，我将custom-field设置为true并在我的window.onbeforeunload代码中，仅当custom-field为false时才发出警报。

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');

Answer 2

是的，您可以在任何元素中添加自定义字段，并在需要时访问它，如下所示

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

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

Answer 3

您可以使用data-attribute。

例如：

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

详细了解data-attribute

您可以使用.data()

轻松地在jquery中检索数据属性值