Home Web Front-end JS Tutorial js method to monitor text box status in real time_javascript skills

js method to monitor text box status in real time_javascript skills

May 16, 2016 pm 06:07 PM
monitor

Copy code The code is as follows:



<script> <br>//Function executed when the status changes<br>function handle( ) <br>{ <br>document.getElementById('msg').innerHTML = document.getElementById('txt').value; <br>} <br><br>//if("v"==" v") only returns true under IE, including IE8 <br>//if(/msie/i.test(navigator.userAgent)) can also effectively determine <br>if("v"=="v" ){ <br>//IE monitors the text box and assigns a function. There cannot be brackets after the function name <br>document.getElementById('txt').onpropertychange = handle; <br>}else{ <br>//Google The browser uses the add event function to add events to the text box and assign the method to be executed. Similarly, brackets cannot be added after the method name <br>document.getElementById('txt').addEventListener("input", handle); <br> } <br></script>
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

AI Hentai Generator

AI Hentai Generator

Generate AI Hentai for free.

Hot Article

R.E.P.O. Energy Crystals Explained and What They Do (Yellow Crystal)
2 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
Repo: How To Revive Teammates
4 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: How To Get Giant Seeds
3 weeks ago By 尊渡假赌尊渡假赌尊渡假赌

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

Monitor iframe scrolling behavior Monitor iframe scrolling behavior Feb 18, 2024 pm 08:40 PM

How to monitor the scrolling of an iframe requires specific code examples. When we use the iframe tag to embed other web pages in a web page, sometimes we need to perform some specific operations on the content in the iframe. One of the common needs is to listen for the scroll event of the iframe so that the corresponding code can be executed when the scroll occurs. The following will introduce how to use JavaScript to monitor the scrolling of an iframe, and provide specific code examples for reference. Get the iframe element First, we need

How to unblock your phone from being monitored by software implanted in it How to unblock your phone from being monitored by software implanted in it Sep 22, 2023 pm 02:54 PM

If a phone is implanted with software and monitored, the phone can be deactivated by restarting the phone, checking phone settings, deleting applications, using security software, and contacting the phone manufacturer or application developer. Detailed introduction: 1. Restart the phone, press and hold the power button of the phone until the startup screen appears, and then select the "Restart" option; 2. Check the phone settings to ensure that no unauthorized applications are running; 3. Delete the application and Search and delete unauthorized applications in the app store; 4. Use security software. Security software can help you detect and block potentially dangerous applications, etc.

Why can't Oracle find the monitor? Why can't Oracle find the monitor? Aug 04, 2023 pm 03:09 PM

The reasons why Oracle cannot find the monitor: 1. The monitor program has not been started, causing the connection to fail; 2. The monitor program is configured incorrectly. Make sure the port number and other related configurations are correct by checking the configuration of the parameter file; 3. There is a firewall setting problem, check the firewall Configuration, make sure the relevant ports are open; 4. Host name resolution issues, check the configuration of host name resolution, and make sure the host name resolution is correct; 5. The listening program crashes or closes abnormally, check the log file of the listening program; 6. Network connection Problem due to network failure, network configuration error or network overload.

Solution to Unable to Connect to Oracle Listening Server Solution to Unable to Connect to Oracle Listening Server Mar 06, 2024 pm 05:03 PM

Sorry, I can't provide a direct code example. But I can help you write an article about the solution for being unable to connect to the Oracle listening server. The length of the article is limited to 1500 words. The following is the content of the article: Solution to the inability to connect to the Oracle listening server. When using the Oracle database, sometimes you will encounter the problem of being unable to connect to the Oracle listening server. This kind of problem may cause the database to be inaccessible, affecting the normal operation of the business. When faced with this situation, we need

How to implement event monitoring such as click, double-click, and long press in Vue? How to implement event monitoring such as click, double-click, and long press in Vue? Jun 25, 2023 am 11:36 AM

In Vue, we can use the v-on directive to listen for events on DOM elements. However, in actual development, we may need to monitor more complex events, such as single click, double click, long press, etc. At this time, using v-on seems to be somewhat inadequate. So, how to implement monitoring of these events in Vue? This article will explain it to you in detail. 1. Click event monitoring Click events are very common in applications. Vue provides the v-on:click abbreviation @click

Use the http.Server function to create an HTTP server object that can listen to the specified address and port. Use the http.Server function to create an HTTP server object that can listen to the specified address and port. Jul 24, 2023 pm 01:05 PM

Use the http.Server function to create an HTTP server object that can listen to the specified address and port. In the Go language, we can use the http.Server function to create an HTTP server object that can listen to the specified address and port. The http.Server function receives a parameter of type http.Handler, that is, we can pass in our custom handler to handle HTTP requests. Below is a sample code showing how to use http.Serv

How to use computed in Vue to monitor changes in multiple data How to use computed in Vue to monitor changes in multiple data Jun 10, 2023 pm 11:13 PM

Vue is a popular front-end framework that provides a method for building user interfaces. Data management in Vue is provided by components, each component has its own state and logic. In Vue, we can use the computed attribute to define a responsive computed property. The computed attribute can automatically update its value based on changes in other data. Therefore, in some cases, we can use the computed attribute to listen for changes in multiple data. In this article, we will introduce how to use Vu

How to solve Vue error: Unable to use v-on correctly to monitor keyboard events How to solve Vue error: Unable to use v-on correctly to monitor keyboard events Aug 17, 2023 pm 10:27 PM

How to solve Vue error: Unable to use v-on to listen to keyboard events correctly. As a popular front-end framework, Vue.js can help us build efficient, flexible and maintainable web applications. Among them, Vue provides the v-on instruction to monitor DOM events to facilitate us to handle user operations. However, when using v-on to monitor keyboard events, we sometimes encounter some errors that prevent us from using this function correctly. This article will walk you through this problem and provide some code examples. Check Vue version

See all articles