如何編寫 onClick 事件

Question

        while($row = $result->fetch_assoc()) {
            echo "<tr><td>". $row["moduleCode"]. "</td><td>". $row["moduleTitle"]. "</td></tr>";
        }
        echo "</table>";
    } 

這是我的 php 代碼的一部分。 我如何編寫“onClick”事件以便將“moduleCode”放入輸入標簽中？

Answer 1

您是否正在尋找帶或不帶庫的解決方案？ 您想稍后注冊該事件還是喜歡使用 onclick=""？

按鈕上 onclick="" 的簡單解決方案，或者任何應該是您的點擊目標的東西，可能如下所示：

<?php
$rows = [
    [
        'moduleTitle' => 'test',
        'moduleCode' => 'testcode'
    ]
];

echo "<table>";

foreach ($rows as $key => $row) {
    echo '<tr>'
        . '  <td id="code_' . $key . '">' . $row['moduleCode'] . '</td>'
        . '  <td>' . $row['moduleTitle']. '</td>'
        . '  <td><button tpye="button" onclick="copyToInput(' . $key . ')">copy code</button></td>'
        . '</tr>';
}

echo '</table>';
echo '<input type="text" name="target" id="target" value="">';
?>

<script>
    function copyToInput(key) {
        codeElem = document.querySelector('#code_' + key);

        if (codeElem) {
            targetElem = document.querySelector('#target');
            targetElem.value = codeElem.innerHTML;
        }
    }
</script>