如何编写 onClick 事件

Question

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

This is part of my php code. How could I write an 'onClick' event so the 'moduleCode' is put into an input tag?

Answer 1

Are you looking for a solution with or without a library? Do you want to register the event later or do you like to use onclick=""?

A simple solution for onclick="" on a button, or whatever should be your click target, could look like this:

<?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>