如何刪除HTML元素上的所有事件？

Question

我在后端構建一個按鈕如下：

<?php
echo $this->myFormButton(
    'add_component_restriction',
    'Add',
    [
        'class'       => 'btn btn-default add_component_restriction',
        'type'        => 'button'
    ]
);
?>

這將生成以下HTML：

<button name="add_component_restriction" 
        id="add_component_restriction" 
        type="button" 
        value="Add" class="btn btn-default add_component_restriction" 
>Add</button>

元素可以呈現為視圖，這意味着您可以查看它，但您無法對其進行操作，如果是這樣，我應該能夠刪除它上面的所有操作。

我確實知道這只能在DOM級別上使用Javascript（也許我錯了）可能使用.off()或設置類似這樣的東西onclick="javascript: return false;" 在元素上。

我不知道是否disabled或readonly它將完成這項工作。

Javascript / jQuery是唯一的方法嗎？ 如果有其他解決方案，請告訴我

Answer 1

添加disabled屬性。

<?php
echo $this->myFormButton(
    'add_component_restriction',
    'Add',
    [
        'class'       => 'btn btn-default add_component_restriction',
        'type'        => 'button',
        'disabled'    => 'disabled'
    ]
);
?>