精华内容
下载资源
问答
  • JavaScript中添加以下代码,就可实现禁用backspace键的后退功能,但是可以删除文本内容 // 禁用backspace键的后退功能,但是可以删除文本内容 document.onkeydown = check; function check(e) { var ...

    在JavaScript中添加以下代码,就可实现 禁用backspace键的后退功能,但是可以删除文本内容

        // 禁用backspace键的后退功能,但是可以删除文本内容
        document.onkeydown = check;
        function check(e) {
            var code;
            if (!e) var e = window.event;
            if (e.keyCode) code = e.keyCode;
            else if (e.which) code = e.which;
            if (((event.keyCode == 8) &&                                                      //BackSpace   
                   ((event.srcElement.type != "text" &&
                     event.srcElement.type != "textarea" &&
                     event.srcElement.type != "password") ||
                    event.srcElement.readOnly == true)) ||
                ((event.ctrlKey) && ((event.keyCode == 78) || (event.keyCode == 82))) ||      //CtrlN,CtrlR   
                (event.keyCode == 116)) {                                                     //F5   
                event.keyCode = 0;
                event.returnValue = false;
            }
            return true;
        } 

     

    转载于:https://www.cnblogs.com/WillYang/p/3185554.html

    展开全文
  • 用JavaScript读取文本中某一行后,想删掉这一行中的空格,该怎么写程序?
  • JS如何获取和设置select下拉菜单的value以及文本内容

    html代码:

    <html>
    <body>
        书籍分类:
        <select id="s1" >
            <option value="1">教学类</option>
            <option value="2"> 技术类</option>
        </select>
    </body>
    </html>
    

    JS:

    window.onload = function(){
    
        //首先获得下拉框的节点对象;
        var select = document.getElementById("s1");
        
        //设置默认选中项目
    	select[1].selected=true;
    
        //1.如何获得当前选中的值?:
        var value = select.value;
        
        //2.如何获得该下拉框所有的option的节点对象
        var options = select.options;
        //注意:得到的options是一个对象数组
        
        //3.如何获得第几个option的value值?比如我要获取第一option的value,可以这样:
        var value1 = options[0].value;//1
        //4.如何获得第几个option的文本内容?比如我要获取第一option的文本,可以这样:
        var text1 = options[0].text;//教学类
        
        //5.如何获得当前选中的option的索引?
        var index = select.selectedIndex;
        
        //6.如何获得当前选中的option的文本内容?
        
        //从第2个问题,我们已经获得所有的option的对象数组options了
        //又从第5个问题,我们获取到了当前选中的option的索引值
        //所以我们只要同options[index]下标的方法得到当前选中的option了
        var selectedText = options[index].text;
    
    	//	当然还可以这样写:
    	var currentIndex = select.selectedIndex;
     	var currentText = (select[currentIndex].text);
    }
    
    动态删除select中的所有options:
    
       document.getElementById("ddlResourceType").options.length=0;
    
     动态删除select中的某一项option:
    
       document.getElementById("ddlResourceType").options.remove(indx); 
    
     动态添加select中的项option:
    
       document.getElementById("ddlResourceType").options.add(new Option(text,value));
    

    上面在IE和FireFox都能测试成功,希望以后你可以用上。

    其实用标准的DOM操作也可以,就是document.createElement,appendChild,removeChild之类的。

    取值方面

    function getvalue(obj)
    
    {
    
        var m=obj.options[obj.selectedIndex].value
    
        alert(m);//获取value
    
        var n=obj.options[obj.selectedIndex].text
    
        alert(n);//获取文本
    
    }
    

    ==============================================================================

    1 检测是否有选中

    if (objSelect.selectedIndex > - 1 ) {
    	// 说明选中
    } else {
    	// 说明没有选中
    }
    

    2 删除被选中的项

    	objSelect.options[objSelect.selectedIndex] = null ;
    

    3 增加项

    	objSelect.options[objSelect.length] = new Option( " 你好 " , " hello " );
    

    4 修改所选择中的项

    	objSelect.options[objSelect.selectedIndex] = new Option( " 你好 " , " hello " );
    

    5 得到所选择项的文本

    	objSelect.options[objSelect.selectedIndex].text;
    
    

    6 得到所选择项的值

    	objSelect.options[objSelect.selectedIndex].value;
    

    原文转载至前辈:ChessZhangㄓㄤㄑㄧㄤ

    展开全文
  • js 隐藏文本显示内容

    2021-03-31 20:08:29
    用js隐藏文本value提示内容 <style> input{ width:300px; height:20px; color: #888; } </style> <body> <input type="text" value="手机"> <script> // 获取元素 var text...

    用js隐藏文本value提示内容

    <style>
        input{
            width:300px;
            height:20px;
            color: #888;
        }
    </style>
    <body>
        <input type="text" value="手机">
    
        <script>
            // 获取元素
            var text = document.querySelector('input');
            //注册事件 获得焦点事件
            text.onfocus = function(){
                //将默认文字删除
                if(this.value==='手机'){
                    this.value='';
                }
                console.log('获得焦点事件');
                //输入的文字颜色加深
                this.style.color = '#333';
            }
    
            text.onblur = function(){
                if(this.value === ''){
                    this.value = '手机';
                }
                this.style.color = '#888';
                console.log('失去焦点');
            }
        </script>
    </body>
    

    可大致分为三个步骤。
    1、首先获取到input标签。命名为text。
    2、设置两个函数分别是获取焦点事件情况、失去焦点事件情况。
    3、再在两个函数中添加内容,利用if判断value属性值是否为我们设置的提示语‘手机’ 。
    在获取焦点,即点击输入框时,属性值为设置的默认文本则删除默认值。
    在失去焦点,即点击输入框外,属性值若为空 则回复默认值。

    
    
    展开全文
  • js控制文本内容闪烁

    千次阅读 2008-12-16 09:20:00
    在工作中,因为一个显示问题,做出了一个通过JS来控制文本内容的闪烁,觉得还挺有意思,所以写出来共亨一下,通过理解了其中的道理之后,就仅可以它来进行文本内容的闪烁,还可以进行其它的闪烁控制,主要是通过...

    在工作中,因为一个显示问题,做出了一个通过JS来控制文本内容的闪烁,觉得还挺有意思,所以写出来共亨一下,通过理解了其中的道理之后,就仅可以用它来进行文本内容的闪烁,还可以进行其它的闪烁控制,主要是通过定时对DIV中的元素进行操作来实现的。要用到的函数有三个,分别是:setInterVal()setTimeout()clearInterVal()。下面分别说一下这三个函数的使用,当然你可以查阅对应的函数的详细API说明,我这里只对其做一个平常项目中如何使用。

    setInterVal()函数为设置定时器,它有两个参数,第二个参数为定时的时间间隔,以毫秒为单位,而第一个参数则为定时器时刻到达后,要让JS调用的函数名,该函数有个返回值,我叫它定时器句柄,当你调用这个函数时,如果成功进行定时,则会返回这样一个定时器句柄的,当我们拿到了这个句柄,就可以对它进行操作了,比如消除定时器,当你运行定时器达到你想要的效果后,不想再定时了,就可以将其删除掉。它的使用示例如下:

    var si = setInterVal(“testTime()”,1000);//定时器间隔为1000毫秒,执行函数为:testTime()

    setTimeout()函数也是一个定时器,它与setInterVal()的区别在于调用这个函数时,它只执行一次,执行完了,该定时器将自动消失。下面为其示例代码:

    var si = setTimeout (“testTime()”,1000);//定时器间隔为1000毫秒,执行函数为:testTime()1000毫秒到之后,将执行一次testTime()函数,然后定时器消失。

    clearInterVal()函数用来删除掉定时器,从前面的两个API看来,由于setTimeout函数通常会在自身调用一次后消失掉,所以,通过用该函数来删除setInterVal()函数。下面为其示例代码:

    var si = setInterVal(“testTime()”,1000);//定时器间隔为1000毫秒,执行函数为:testTime()

    clearInterVal(si);//删除对应的定时器,使其功能消失。

    下面是一个简单的显示文本内容闪烁的示例,里面也进行了注释:

    文件名:testText.html

    文件内容:

    <html><?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" />

        <head>

            <title>文本闪烁</title>

            <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

            <script language="JavaScript" type="text/javascript">

           var sh;//定时器

           var num=0;

           sh = setInterval("testT()",1000);//设置定时器,此处定时每1秒钟都会调用testT()函数

           //定时器执行函数

           function testT()

           {

               document.all.textTest.innerHTML ="<span>你好,世界!!!!</span>";//在需要文本闪烁的地方(通常为DIV)显示要闪烁的内容

               setTimeout("testTA()",500);//设置定时器,但只执行一次,当调用该函数后,会在500毫秒之后执行testTA函数

           }

           //定时器执行函数

           function testTA(msg)

           {

               document.all.textTest.innerHTML ="";

               num = num + 1;

               if(num == 4)//本处显示为闪烁次数(4),如果去掉这里时的判断以及相应的内容,则将会一直闪烁

               {

                  document.all.textTest.innerHTML ="<span>你好,世界!!!!</span>";

                  clearInterval(sh);//因为为只显示一定次数的闪烁,所以要删除对应的定时器。

               }

           }

        </script>

        </head>

        <body>

            <p>

                <b>文字闪烁</b>

            </p>

            <br/>

           <br/>

            <div id="textTest"></div>

           <br/>

           <br/>

           <br/>

           <br/>

        </body>

    </html>

    展开全文
  • jsdiff 比较文本内容差异

    千次阅读 2020-01-27 13:06:06
    JavaScript文本内容差异实现。 基于"An O(ND) Difference Algorithm and its Variations" (Myers, 1986)中提出的算法 。 安装 npm install diff --save API Diff.diffChars(oldStr, newStr[, options])-...
  • 早上重构一个机票预定页面,页面有个增加和删除乘机人的功能,所以就JQuery 的 .remove() 属性和.append() 属性写了一个有增加、删除div层文本内容效果的JS代码,具体可运行下面的代码进行演示查看,这个代码总共...
  • &lt;.../*禁用backspace键的后退功能,但是可以删除文本内容*/ document.onkeydown = check; function check(e) { var code; if (!e) var e = window.event; if (e.keyCode) code = e...
  • JS 动态添加删除文本 并获取文本值

    千次阅读 2012-08-23 15:29:05
     <a id="d_launch" class="kd-button dir-button" jsaction="llm.showDirections" jsattrs="href: topbar_config.directions_url" href="javascript:void(0)" jstcache="12">获取路线      ...
  • js 效果 文本框超出字符提示并且自动回删
  • 如何获取span中的文本内容删除

    千次阅读 2016-10-18 16:59:51
    其实还有很多种写法,但是都不知道为什么赋值显示不成功!所有就了以下这2中方法,如果有知道原因的朋友可以在文章下面评论以下, document.getElementById("#spanID")....这是删除内容 $("#spanID").empty();
  • 一个用于为键入和删除文本设置动画的jQuery插件。 使用方法: 要使用Typewriter.js,只需将Typewrite函数链接到jQuery选择器,如下所示: $('p').Typewrite(); 优化和定制: 通过将对象传递给Typewrite函数,...
  • 下面本篇文章就来给大家介绍一下使用JavaScript删除HTML元素的方法,希望对大家有所帮助。如何使用JavaScript删除HTML元素?做法:● 选择需要删除的HTML元素。● 使用JavaScript remove()或removeChild()方法从...
  • /*禁用 退格键的后退功能,但是可以删除文本内容*/ document.onkeydown = check; function check(e) {  var code;  if (!e) var e = window.event;
  • <span style="white-space:pre"> </span>//当敲Backspace键时,事件源类型非密码或单行、多行文本的,则退格键失效 <span style="white-space:pre"> </span>var flag2 = ev.keyCode == 8 && t != "password" && t !...
  • js与jquery清空文本内容

    千次阅读 2018-04-26 22:15:05
    清空文本内容,有时候还是会遇到的,这里是一个小例子,有需要的同学可以参考下,代码如下&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "...&gt;&...
  • 使用js动态的修改div和span标记中的文本内容 2008-08-28 22:04 使用ajax,通过会把服务器端响应获取到reponseText或者reponseXML中的信息,以某种方法动态的写到div和span标记中,这样,可以在无刷新的...
  • 例如有这样一段html代码: 代码如下:软件开发网演示...我们希望删除这段html代码里面的一对标签,但是要保持里面的内容不被删除,这里我们jquery处理,详细的jQuery代码: 代码如下:[removed][removed] <script
  • 读取txt文本删除指定内容

    千次阅读 2019-04-02 20:40:14
    import java.io.BufferedReader; import java.io.BufferedWriter; import java.io.File; import java.io.FileReader; import java.io.FileWriter; public class Text ...public static void main(String[] args) thro.....
  • 添加文本内容,列表 可以使用jQuery的.append/.prepend/.after来进行操作,方法...添加文本内容,列表的JS代码 <script type="text/javascript" src="jquery.min.js"></script> <script type="text/java
  • http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">删除节点--www.codefans.net function delNode() { var deleteN=document.getElementById(di); if(deleteN.hasChild
  • Javascript特效之删除内容效果今天分享一个网页经常会用到的删除内容效果即想列表一样的每列数据实现单列删除效果。效果图:点击右上角的X后该内容会慢慢删除。实现思路:实际上很简单,就是在该div层加一个动画隐藏...
  • 问题: 使用contenteditable="true"的div元素,使用粘贴功能时会携带复制文本的样式,造成样式的错乱。在某些浏览器下,粘贴从word复制过来的文本还会把word中的格式也粘贴进来,导致功能的错误。所以针对...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 175,202
精华内容 70,080
关键字:

如何用js删除文本内容