如何刪除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> 

元素可以被渲染爲觀止這意味着你可以查看它，但你可以不採取行動，如果有的話，我應該能夠刪除所有的行動。

我確實知道這可以使用JavaScript（也許我錯了）只能在DOM級別完成也許使用.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' 
    ] 
); 
?>