JS事件 文本框内容改变事件(onchange)通过改变文本框的内容来触发onchange事件,同时执行被调用的程序。

摘要:
以下代码显示,当用户更改文本框中的文本时,会弹出一个对话框“您更改了文本内容!”。运行结果:该任务补充了右侧编辑器的第13行。当文本框的内容发生更改时,将调用message()函数,并弹出对话框“您更改了文本内容!”。DOCTYPEHTML˃文本框内容更改事件functionmessage(){alert(“您更改了文本内容!”);}个人简介:请编写您的个人简介,不少于200字!

文本框内容改变事件(onchange)

通过改变文本框的内容来触发onchange事件,同时执行被调用的程序。

如下代码,当用户将文本框内的文字改变后,弹出对话框“您改变了文本内容!”。

JS事件 文本框内容改变事件(onchange)通过改变文本框的内容来触发onchange事件,同时执行被调用的程序。第1张

运行结果:

JS事件 文本框内容改变事件(onchange)通过改变文本框的内容来触发onchange事件,同时执行被调用的程序。第2张

 

任务

补充右边编辑器第13行,实现改变文本框内容时,调用message()函数,弹出对话框“您改变了文本内容!”。


<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title> 文本框内容改变事件 </title>
<script type="text/javascript">
  function message(){
    alert("您改变了文本内容!"); }
</script>    
</head>
<body>
  <form>
  个人简介:<br>
   <textarea name="summary" cols="60" rows="5" onchange="message()">请写入个人简介,不少于200字!</textarea>
  </form>
</body>
</html>

JS事件 文本框内容改变事件(onchange)通过改变文本框的内容来触发onchange事件,同时执行被调用的程序。第3张


免责声明:文章转载自《JS事件 文本框内容改变事件(onchange)通过改变文本框的内容来触发onchange事件,同时执行被调用的程序。》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇WebView2简单试用(二)—— 基本操作未知账户(S1521)无法删除的问题下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

JS获取上一个月的本月的上一个月或者下个月的实现

今天在做需求的时候 做到了需要获取本月的上个月的信息 就是直接获取上一个月的日期看了网上很多的都差不多 比如下面这个 也是没问题的都是互相的抄袭 我做了一个比较简单 只用实现当前月的上一个月即可 所以也比较简单 var now = new Date(); if (now.getMonth() == 0){ document.getElementBy...

js自定义对象

一,概述 在Java语言中,我们可以定义自己的类,并根据这些类创建对象来使用,在Javascript中,我们也可以定义自己的类,例如定义User类、Hashtable类等等。 目前在Javascript中,已经存在一些标准的类,例如Date、Array、RegExp、String、Math、Number等等,这为我们编程提供了许多方便。但对于复杂的客户端程...

js-实现鼠标滑轮滚动实现换页

html页面: 1 <!--首页一--> 2 <div id="nav_div1"><div class="nav_size"></div></div> 3 4 <!--首页二--> 5 <div id="nav_div2"></div> 6 7 <!...

浅谈js的几种模式(三)

  接着前面两篇,终于到了第三篇了,天真冷。   组合使用构造函数模式和原型模式   前面讲到了js中的原型模式,是为了解决不共享的问题,然而也因为原型模式的共享性带来了一些问题。原型中所有的属性,对它的实例都是共享的,但是有时我们希望每个实例中能有自己私有的属性,那么此时我们就要组合使用构造函数模式和原型模式。例:           function...

打开自定义链接新窗口(safari JS prompt的坑!)2016.03.08

很简单的一个小练习,但做的过程中发现safari的一个坑,使用prompt()方法的时候,点击取消和不输入一样,会返回空字符' ',而不是null! 要求:制作新按钮,“新窗口打开网站” ,点击打开新窗口。 任务: 新窗口打开时弹出确认框,是否打开 提示: 使用 if 判断确认框是否点击了确定,如点击弹出输入对话框,否则没有任何操作。 通过输入对话框,确...

js的窗口坐标及拖拽

一、事件对象的坐标属性1、事件对象.offsetX 对象事件.offsetY 点击时,获取的是标签左上角的坐标2、事件对象.clientX 事件对象.clientY 点击时,视窗左上角坐标3、事件对象.pageX 事件对象.pageY 点击时,页面左上角坐标 如果没有滚动,页面左上角和视窗的左上角重合,两个数值是不同的 var oDiv = documen...