发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/116194.html原文链接：https://javaforall.cn
默认情况下，当用户按下回车键时，文本框会将焦点移动到下一个控件，而不是在文本框中插入回车符。如果要允许在文本框中输入回车符，则将AcceptsReturn属性设置为true。...默认情况下，当用户按下Tab键时，文本框会将焦点移动到下一个控件，而不是在文本框中插入制表符。如果要允许在文本框中输入制表符，则将AcceptsTab属性设置为true。...它接受一个字符类型的值，通常是*或·之类的字符。当用户在文本框中输入字符时，实际上输入的是文本框内部的字符，但是显示的字符会被替换成PasswordChar属性指定的字符。...需要注意的是，Lines属性中的每一行文本都应该是一个字符串数组的元素，每个元素代表一行文本。如果要设置某一行的文本，只需要修改对应的元素即可。...SuggestAppend: 表示启用自动完成功能并且在用户输入时弹出一个下拉框，显示与当前输入匹配的内容。当用户从下拉框中选择一个项时，这个项的内容自动添加到文本框中。
一、表单的基础知识 在HTML中，表单由元素来表示，而在JavaScript中，表单对应的则是HTMLFormElement类型。...（1）单行文本框 通过设置size特性，可以指定文本框中能够显示的字符数；通过设置value特性，可以指定文本框的初始值；通过设置maxlength特性，可以指定文本框可以接受的最大字符数。 显示5个字符（input 元素的宽度），输入不能超过10个字符--> （2..., 要选择的最后一个字符索引) 注意要看到被选择的文本，必须在调用setSelectionRange()之前或之后立即将焦点设置到文本框。...移动和重排选项 DOM的appendChild方法（只能添加到最后），如果appendChild传入一个文档中已有的元素，那么就会先从该元素的父节点中移除它，再把它添加到指定的位置。
比如，因鼠标移动发生事件时，事件对象中就会包括鼠标位置（横纵坐标）等相关的信息； 获取事件对象的方式 早期IE浏览器（IE6~8）：window.event 标准浏览器：会将一个event对象直接传入到事件处理程序中...，一般多用于 对象 mousedown 当按下任意鼠标按键时触发 mouseup 当释放任意鼠标按键时触发 mousemove 在元素内当鼠标移动时持续触发 在项目开发中还经常涉及一些常用的鼠标属性...大图用于鼠标在小图上移动时，按比例的显示大图中的对应区域。 编写HTML页面，展示小图、隐藏鼠标的遮罩及大图。 当鼠标在小图上移动时，显示鼠标的遮罩和大图。...大图用于鼠标在小图上移动时，按比例的显示大图中的对应区域。 编写HTML页面，展示小图、隐藏鼠标的遮罩及大图。 当鼠标在小图上移动时，显示鼠标的遮罩和大图。...当鼠标移动时，让遮罩跟着在小图中进行移动。 限定遮罩在小图中的可移动范围。 根据遮罩在小图中的覆盖范围，按比例的显示大图。
在支持这个属性的浏览器中，只要设置这个属性，不用 JavaScript 就能自动把焦点移动到相应字段。...value 值改变时触发，对于 select 元素，在其选项改变时触发 文本框脚本 ---- 在 HTML中，有两种方式来表现文本框: 使用 input 元素的单行文本框 使用 textarea 元素的多行文本框...而通过设置 size 特性，可以指定文本框中能够显示的字符数。通过 value 特性，可以设置文本框的初始值，而 maxlength 特性则用于指定文本框可以接受的最大字符数。...浏览器自己会根据标记中的规则执行验证，然后自己显示适当的错误消息(完全不用 JavaScript 插手)。 只有在某些情况下表单字段才能进行自动验证。...属性将依据前两条规则取得第一个选中项的值
alert(textField.defaultValue);//得到最初的value值 选择文本 使用select()方法，可以将文本框里的文本选中，并且将焦点设置到文本框中。...} } PS：有一个最大的问题，就是IE在触发select事件的时候，在选择一个字符后立即触发，而其他浏览器是选择想要的字符释放鼠标键后才触发。...有一种做法是判断字符是否合法，这是提交后操作的。那么我们还可以在提交前限制某些字符，还过滤输入。...部分浏览器比如Firfox，需要解放这些键，而非字符触发的编码均为0；在Safari3之前的浏览器，也会被阻止，而它对应的字符编码全部为8，所以最后就加上charCode > 8的判断即可。...在发生粘贴操作时触发 beforecopy 在发生复制操作前触发 beforecut 在发生裁剪操作前触发 beforepaste 在发生粘贴操作前触发 由于剪贴板没有标准，导致不同的浏览器有不同的解释
开启一个定时器之前，需要关闭上一次开启的定时器，不会产生一大堆定时器同时工作的情形，从而产生速度越来越快的情形 延时调用 JS修改元素样式的一些思考 JSON JSON字符串转化为JS对象 JS对象转换为...JSON字符串 eval函数 ---- window.onload:事件 浏览器加载一个页面时，是按照自上而下的顺序加载的，读取到一行就运行一行，如果将script标签写到页面上边，在代码执行的时候，页面还没有完全加载...属性会获取包括文本节点在内的所有节点，注意DOM标签与标签之间的空白也会被当成文本节点 在IE8一下的浏览器中，不会将空白文本当成子节点，所以该属性再IE8中会返回4个子元素，而其他浏览器都是9个 -...() 该方法和 document.querySelector()用法类似，不同的是它会将符合条件的元素封装到一个数组中返回 即使符合条件的元素只有一个，它也会返回数组 ---- DOM的增删改 document.createElement...，从而产生速度越来越快的情形 按钮点击开启一个定时器，因此需要在开启定时器前关闭上一次开启的定时器 ---- 延时调用 ---- JS修改元素样式的一些思考 追加属性记得加一个空格 -
得到的是一个对象数组 ，如需操作元素则需要遍历伪数组 并且伪数组不能使用数组的方法 以标签名来获取元素参数：标签名返回的是一个对象数组 （伪数组） 生僻字 生僻字 生僻字 生僻字 生僻字 注意：getElementsByTagName...（选择器 ） 可以是任意的选择器 例如：id、标签名、类名参数: 可以是 id 、类名、标签 选择器返回：该模式匹配的第一个元素 注意 : 需要在选择器前加符号 例如 .box 、 #nav。...}) 焦点事件 blur 元素失去焦点时触发 不会冒泡 focus 元素获得焦点时触发 不会冒泡 键盘事件 一般键盘事件使用在 输入框的标签中 当按下字符键的执行顺序 (按下字符键...触发三次事件) keydown > keypress > keyup 其中 keydown 和 keypress 在文件框发生变化之前触发,然后是keyup事件则是在文件框发生变化之后触发当按下非字符键的执行顺序...注意：keydown 和 keypress 在文本框里面特点：先执行事件的处理程序 在将文字落入到文本框中, keyup 在文本框里面的特点：先将文字落入到文本框中在执行事件的处理程序 keydown
（26）MdiChildren属性：数组属性。数组中的每个元素表示以此窗体作为父级的多文档界面（MDI）子窗体。...（10）SelectedText 属性：用来获取或设置一个字符串，该字符串指示控件中当前选定的文本。只能在代码中使用。 （11）Lines：该属性是一个数组属性，用来获取或设置文本框控件中的文本行。...即文本框中的每一行存放在 Lines数组的一个元素中。 （12）Modified：用来获取或设置一个值，该值指示自创建文本框控件或上次设置该控件的内容后，用户是否修改了该控件的内容。...当使用 Text 属性为菜单项指定标题时，还可以在字符前加一个“&”号来指定热键（访问键，即加下划线的字母）。...（3）MdiChildren属性：该属性以窗体数组形式返回MDI子窗体，每个数组元素对应一个 MDI子窗体。
label String 此输入的标签。 如果没有在文本框中输入任何内容，则显示默认文本。当用户输入文本时，它会消失。...当值为非null时，始终显示字符计数。 required bool 是否需要输入。 如果没有输入文本，则必需的输入将在第一次模糊时显示验证错误。...如果没有在文本框中输入任何内容，则显示默认文本。当用户输入文本时，它会消失。 maxCount int 字符计数输入框允许的最大字符数。...将此设置为true会更改行为，以便在更改选项或选项时： 1.选择中的第一个选定值在选项中有效 2.如果选择没有选定值，则选项中没有任何活动 inputText String...loading bool 打开时没有可用的建议，请在建议下拉列表中显示加载指示符。 maxCount int 字符计数输入框允许的最大字符数。
要调用的函数或要执行的代码字符串。 millisec 必需。在执行代码前需等待的毫秒数。 setInterval() 以指定周期执行函数或代码片段。...onfocus 元素获得焦点onchange 用户改变域的内容onkeydown 某个键盘的键被按下onkeypress 某个键盘的键被按下或按住onkeyup 某个键盘的键被松开onmousedown...第一个校验不通过的元素获得焦点 编写步骤： 1.添加错误提示显示区域 2.表单元素id属性 3.校验不同，给span显示错误信息 4.第一个不通过的获得焦点...onfocus 元素获得焦点onchange 用户改变域的内容onkeydown 某个键盘的键被按下onkeypress 某个键盘的键被按下或按住onkeyup 某个键盘的键被松开onmousedown...Array(element0, element0, ..., elementn); //参数列表，为数组初始化数据 数组中的每一个成员没有类型限制，及可以存放任意类型 数组的长度可以自动修改，类似Java
} 打印前和打印后的事件方法类似，一个是在打印前触发事件，一个是在打印这个事件结束之后触发onafterprint这个事件 demo查看 2.onbeforeunload/unload...刷新页面可以触发事件 demo查看 10.onpageshow 打开一个新页面或者刷新的时候触发 demo查看 相当于onload，加载页面时触发，但是在不同浏览器触发的有所不同 第一次加载页面时，onpageshow...，可以一直触发，不用刷新 这是一个文本框！...click也是点击过后触发 这两个事件加起来相当于一个click事件，但是并不能用这两个事件来做点击事件的效果 demo查看 5.onmousemove 当鼠标移动到元素上时触发 相当于css里面的 :...都是鼠标进入元素触发 区别： 1. over在进入元素时触发，但在元素内部移动时不触发 move是进入元素时和在元素里面移动时都触发 2. over优先触发，然后才触发move 8.onmousewheel
13.1 JavaScript事件的调用方式 13.1.1 在script标签中使用 点击按钮执行displayDate()函数，显示当前时间信息 在文本框内按下一个键"); } 当你在文本框内按下一个按键时，弹出一个信息提示框 function myFunction(){ alert("你在文本框内按下一个键"); } 当你在文本框内按下一个按键时，弹出一个信息提示框...ondragleave：离开其容器范围内触发 ondrop：松开鼠标键时触发 被拖动元素每隔350毫秒会触发ondrag事件 在两个矩形框中来回拖动文本:...() 检索子字符串，返回位置 match() 匹配正则，返回数组或null replace() 替换文本，前一个参数是规则，后一个参数是你想替换成什么 split() 分割，前一个参数是规则，后一个参数是可选的
，返回值单位为CSS像素 可以使用moveTo()和moveBy()移动窗口（依浏览器而定，这俩方法部分或全部被禁用） moveTo()接收要移动到的新位置的绝对坐标x和y moveBy()接收相对当前位置在两个方向上移动的像素数...# 导航与打开新窗口 window.open()可以用于导航到指定URL，也可以用于打开新浏览器窗口 接收四个参数：要加载的URL、目标窗口、特性字符串和表示新窗口在浏览器历史记录中是否代替当前加载页面的布尔值...，需要开发者自己管理 某些浏览器中，每个标签页会运行在独立进程中，如果一个标签打开了另一个，而window对象需要和另一个标签页通信，则新标签页不能运行在独立进程中（在这些浏览器中，将新开标签页的opener...（字符串或函数），以及把下一次执行定时代码的任务添加到队列要等待的时间（毫秒） 返回一个循环定时 ID，可以用于在未来某个时间点上取消循环定时。...，以及文本框的默认值 如果用户单击了 OK 按钮，则 prompt()会返回文本框中的值。
标签分为“起始标签”和“结束标签”两种，二者的标签名称是相同的，只是结束标签多了一个斜杠“/” 在元素的起始标签中，可以包含“属性”来表示元素的其他特性 标签名 属性名=’属性值’> 数据内容 标签名...所有的框架标签要放在一个HTML文档中，HTML页面的文档体标签被框架集标签所取代，然后通过的子窗口标签定义每一个子窗口和子窗口的页面属性...颠倒数组元素的顺序，使第一个元素成为最后一个，而最后一个元素成为第一个 sort 对数组元素进行排序 数组的方法 • objArr.toString():转换成字符串，并用,连接： – [1,2,3...Form对象中包含有许多用于收集用户输入内容的元素对象，例如，文本框、按钮等，通过这些元素对象，form将用户输入的数据传递到服务器端进行处理。...文本框对象 • 文本框元素用于在表单中输入字、词或一系列数字 • 可以通过将 HTML 的 INPUT 标签中的 type 设置为“text”，以创建文本框元素 文本框对象 – 事件处理程序 文 本 框
一、表单的作用 从访问的Web站点的用户那里获得信息。访问者可以使用诸如文本域、列表框、复选框以及单选按钮之类的表单元素输入信息，然后单击某个按钮提交这些信息。是客户端与服务器端的交流途径。...二、说明 Form标记用于创建一个表单，定义一个表单的开始与结束，他是一个容器，用于包含其他元素，例如文本框、单选框等。表单元素必须在form标记内才有作用。 ...三、表单元素标记 ①.单行文本 文本框名称” type=”text” value=”初始值” size=“显示字符数” maxlength=“最多容纳字符数”readonly...标注内容标签：为input元素定义标注(标记)，标签的for属性应当与相关元素id相同 如： 5.多行文本 语法：文本框名称" cols="每行中的字符数" rows="显示的行数"> 6.文件框 语法：
onmousemove 鼠标在某个元素上移动时持续触发 onmouseout 将鼠标从指定元素上上移开时触发 onmouseover 鼠标移动到某个元素上时触发 onmouseup 释放任意一个鼠标按键时触发...指定方式主要由以下两种： 1.在JavaScript中 在JavaScript中调用事件处理程序，首先需要获得要处理对象的引用，然后将要执行的处理函数赋值给对应的事件。...在页面中添加用于输入原字符串和显示转换后的字符串的表单及表单元素，代码如下： function trim(){ var...objExp,"");//替换字符串的首尾空格 } form1.newString.value=str;//将替换后的字符串写入到“转换后的字符串”文本框中 } ...与getElementsById()方法不同的是，该方法的返回值是一个数组，而不是一个元素。如果想通过name属性获取页面唯一的元素，可以通过获取返回数组中下标值为0的元素进行获取。
在页面已经加载的文件中搜寻一个特定的字符串，快捷键是Ctrl + Shift + F (Cmd + Opt + F)，这种搜寻方式还支持正则表达式哦。...三、快速跳转到指定行 在Sources标签中打开一个文件之后，在Windows和Linux中，按Ctrl + G，(Cmd + L)，然后输入行号，DevTools就会允许你跳转到文件中的任意一行。...例如$(‘div’)返回这个页面中第一个div元素 $$()–document.querySelectorAll()的简写，返回一个和css选择器匹配的元素数组。...在CSS编辑器中可以利用这个功能 十二、可视化的DOM阴影 Web浏览器在构建如文本框、按钮和输入框一类元素时，其它基本元素的视图是隐藏的。...不过，你可以在Settings -> General 中切换成Show user agent shadow DOM，这样就会在元素标签页中显示被隐藏的代码。
评论涂鸦 前几天在 Joe（https://ae.js.cn/）网站上留言的时候发现了一个叫“画图模式”的东西，点进去后自动切换文本框到画板了（类似QQ涂鸦，你画我猜那种画板），然后可以在画板上画画，...粗细），最后绑定完成画板功能事件（撤销、重做、擦除、清除） Valine 通过创建 canvas 画板加入到 valine 评论中，需要先定位到 valine.js 中的 ...完成以上配置可以看到已经添加的元素及切换功能，然后是一大串的 canvas 结合 valine 评论配置（以下代码格式化带注释，有问题可以留言） 已更新移动端代码支持 定位到 e.nodata.show...veditor.value = null, veditor.focus()) : false; let stepback = drawHistory[drawCount - 1], //选择当前涂鸦的前一个涂鸦数组...img 标签 //判断并插入已写入 src 属性的 image 到文本框并聚焦 stepback !
++自增长，每执行一次自身加1,--自减，每执行一次自身减1. i++，值先参与外部表达式的运算，然后再将自身的值加1。 ++i，i先自身的值加1，再参与外部表达式的运算。...如果没有提供初始值，则将使用数组中的第一个元素。 在没有初始值的空数组上调用 reduce 将报错。...，不冒泡 mousemove 光标在元素的内部不断移动时触发 mouseover 用户指针位于一个元素外部，然后用户将首次移动到另一个元素边界之内时触发 mouseout 用户将光标从一个元素上方移动到另一个元素时触发...a到z中的任意一个字符 [A-Z] 匹配大写字母从a到z中的任意一个字符 [0-9] 匹配数字0到9中任意一个字符，等于 \d [0-9a-z] 匹配数字0到9或者小写字母a到z中任意一个字符。...[0-9a-zA-Z] 匹配数字0到9或小写a到z或大写A到Z中任意一个字符 [abcd] 匹配字符abcd中的任意一个字符 [^a-z] 匹配除小写字母a到z外的任意一个字符 [^0-9] 匹配除数字
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
腾讯会议
云直播
