HTML
 Computer >> コンピューター >  >> プログラミング >> HTML

要素がHTMLでフォーカスを取得したときにスクリプトを実行しますか？

onfocusを使用する 要素がHTMLでフォーカスを取得したときにスクリプトを実行する属性。

例

次のコードを実行して、 onfocusを実装してみてください。 属性-

<!DOCTYPE html>
<html>
   <body>
      <p>Enter subject name below,</p>
      Subject: <input type = "text" id = "sname" onfocus = "display(this.id)">
      <br>

      <script>
         function display(val) {
            document.getElementById(val).style.background = "blue";
         }
      </script>
   </body>
</html>

  1. ユーザーがHTMLの要素にコンテンツを貼り付けたときにスクリプトを実行しますか？

    ユーザーが要素のテキストを貼り付けると、貼り付け HTMLでの属性トリガー。 例 次のコードを実行して、貼り付けを実装してみてください。 属性- <!DOCTYPE html> <html>    <body>       <input type = "text" onpaste = "display()" value = "Paste text here">       <h2 id = "

  2. 要素がHTMLでクリックされているときにスクリプトを実行しますか？

    onclickを使用します 要素がHTMLでクリックされたときにスクリプトを実行する属性。 例 次のコードを実行して、 onclickを実装してみてください。 属性- <!DOCTYPE html> <html>    <body>       <button onclick = "display()">Click</button>       <p id = "test"></p> &n