`
jysh0922
  • 浏览: 69963 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

让TextArea支持Table键

J# 
阅读更多
<SCRIPT LANGUAGE="JavaScript">
<!--
function testTab()
{
   var sel = document.selection.createRange();
   var mytext= sel.text;
   var i,j,k;
   if (event.shiftKey && event.keyCode == 9)
   {
      arr=mytext.split(String.fromCharCode(13,10))
      mytext=""

      for(k=0;k<arr.length;k++)
      {
         for (j=1; j<=4;j++)
         {
            if(arr[k].substr(0,1)=="\u0020")
            {
               arr[k]=arr[k].slice(1)
            }
         }
         mytext += arr[k] + ((k==(arr.length-1))? "" : String.fromCharCode(13,10));
      }
      with(sel){
         sel.text = mytext;
         collapse(true)
         moveEnd("character",0)
         moveStart("character",(mytext.length ) * -1)
         select()
      }

      window.event.cancelBubble = true;
      event.returnValue = false;
      return;
   }
   if (event.keyCode == 9)
   {
      arr=mytext.split(String.fromCharCode(13,10))
      mytext=""
      for(j=0;j<arr.length;j++)
      {
         mytext += "\u0020\u0020\u0020\u0020" + arr[j] + ((j==(arr.length-1))? "" : String.fromCharCode(13,10));
      }
      with(sel){
         sel.text = mytext;
         collapse(true)
         moveEnd("character",0)
         moveStart("character",(mytext.length -4) * -1)
         select()
      }

      window.event.cancelBubble = true;
      event.returnValue = false;
      return;
   }
}
//-->
</SCRIPT>
分享到:
评论

相关推荐

    JavaScript让Textarea支持tab按键的方法

    但是默认情况下,Text Area元素并不支持Tab键来实现快速移动光标或者输入等操作。本文将详细介绍如何使用JavaScript来实现让Text Area支持Tab按键的功能,具体包括以下内容: 首先,需要了解的是...

    方向键盘控制table内的input标签焦点

    然而,为了提供更完善的体验,可能还需要考虑一些边缘情况,例如第一行的第一个输入框和最后一行的最后一个输入框的焦点移动,以及对不同类型的输入框(如`&lt;textarea&gt;`)的支持。此外,考虑到无障碍性...

    Javascript常用技巧

    最后,为了使`textarea`支持Table键,我们可以监听键盘事件,当按下Tab键时插入`&lt;tab&gt;`字符,然后在展示时转换回来。这里需要理解JavaScript的事件处理和字符串处理。 总的来说,JavaScript的这些常用技巧涵盖了...

    Html5页面上如何禁止手机虚拟键盘弹出

    当一个`&lt;input&gt;`元素设置了`readonly`属性,用户无法直接在该输入框内编辑内容,但依然可以通过Tab键切换焦点,并选中或复制文本。在大多数情况下,`readonly`属性能有效地阻止手机虚拟键盘的弹出,代码示例如下: ...

    C#实现回车光标自动跳到下一个控件的几种方法

    同时,也可以扩展此方法以支持其他类型的控件,比如ComboBox或其他支持用户输入的控件。 在实际应用中,你可能还需要考虑如何处理窗体的边缘情况,例如当按下回车键时,如果已经是最后一个可聚焦的控件,那么应该...

    HTML对象简介

    - **Onkeydown/Onkeypress/Onkeyup**: 键盘按键相关的事件,分别在按下键、按下并释放键、释放键时触发。 - **Onresize**: 当窗口大小发生变化时触发。 #### 示例代码 以下是一些示例代码,展示了如何使用上述HTML...

    JQuery学习笔记

    - `val()`方法可以获取表单元素的值,如`&lt;input&gt;`或`&lt;textarea&gt;`。 #### 二、可编辑表单学习要点 **1. 表格结构** - `table`元素用于创建表格。 - `thead`和`tbody`分别用于定义表格的头部和主体部分。 - `th`...

    我的富文本编辑器

    例如,当用户插入一个表格,编辑器需要动态生成相应的HTML结构,如`&lt;table&gt;&lt;tr&gt;&lt;td&gt;...&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;`,并提供相应的交互控件让用户进行编辑。 图片和表情的插入是富文本编辑器增强用户体验的重要组成部分。...

    最全的css2[1].0+html+javascript帮助文档和教程

    4. **多列布局**:column-count和column-gap属性支持多列布局,让网页设计更加灵活。 【HTML】 HTML(超文本标记语言)是网页内容的基础结构语言,用于描述网页的结构和内容。HTML5之前的版本,即HTML4.01,是...

    2021-2022计算机二级等级考试试题及答案No.3285.docx

    **Statement类**:可以执行SQL语句,但不支持参数化查询。 - **结论**:正确答案为B(PreparedStatement类)。 ### 23. 删除数据表的SQL语句 - **选项分析**: - A. **DROP TABLE student;**:正确的删除数据...

    2021-2022计算机二级等级考试试题及答案No.13012.docx

    2. MySQL索引创建:CREATE TABLE、ALTER TABLE和CREATE INDEX是用于创建索引的SQL语句,而SHOW INDEX则是用来查看已有的索引,不能用于创建新的索引。 3. PowerPoint自动放映:在自动播放模式下,按Esc键可以停止...

    JS仿微博发布

    【JS仿微博发布】是一种常见的前端开发实践,用于在网页上实现类似微博的功能,让用户能够发布文字、图片、表情等内容,并展示给其他用户。在这个项目中,我们将深入探讨JavaScript技术如何应用于实现这样的功能。 ...

    HTML标签英文单词

    它可以包含一个或多个 `&lt;option&gt;` 元素,让用户从中选择。 ### &lt;small&gt;: Small Text `&lt;small&gt;` 标签用于定义小号文本。它可以用来显示注释或次要信息,如版权声明、法律声明等。 ### &lt;span&gt;: Generic Inline ...

    css块状元素与内联元素以及inline-block

    * table - 表格 * ul - 非排序列表(无序列表) 二、内联元素(Inline Elements) 内联元素的特点是: * 和其他元素都在一行上 * 高度、行高、外边距和内边距不可改变 * 宽度就是它的文字或图片的宽度,不可改变 ...

    《网友设计与开发》中块元素与行内元素详解

    * `textarea`:多行文本输入框元素,用于创建多行文本输入框 * `tt`:电传文本元素,用于显示电传文本 * `u`:下划线元素,用于显示下划线文本 * `var`:定义变量元素,用于显示变量 在 HTML 中,块元素和行内元素...

    javascript tabIndex属性

    例如,Internet Explorer从IE4开始就扩展了支持的元素列表,包括`applet`, `body`, `div`, `embed`, `isindex`, `marquee`, `span`, `table`, 和 `td`等。随着浏览器的发展,现在大多数现代浏览器允许几乎所有的可...

    ExtJSWeb应用程序开发指南(第2版)

    4.1.5 Ext.form.field.TextArea文本区 4.1.6 Ext.form.field.Number数字输入框 4.1.7 Ext.form.field.Checkbox复选框和Ext.form.field.Radio单选框 4.1.8 Ext.form.CheckboxGroup和Ext.form.RadioGroup 4.1.9 ...

Global site tag (gtag.js) - Google Analytics