我是否可以向按钮html添加自定义属性。它能在所有浏览器中工作吗？

Question

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

我可以像上面说的那样为按钮标记定义我自己的自定义属性吗？它能在所有浏览器上工作吗？

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

因此，上面的修复方法是，在成功的ajax上，我将custom-field设置为true，并且在我的window.onbeforeunload代码中，只有在custom-field为false时才发出警报。

Answer 1

可以，您可以使用jquery 添加自定义属性。

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

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

您可以使用以下命令检索它

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

或使用javascript

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

使用以下命令检索它

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

Answer 2

您可以使用data-attribute。

例如：

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

阅读有关的更多信息

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

Answer 3

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

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

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