JS事件

事件:


键盘事件:


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <script>
        window.onload=function(){
            //键盘按下并松开,
            window.onkeypress=function(e){
              //  alert(e.key);//key:按键的内容,按下什么就会打印出来什么
                if(e.charCode==103){
                    alert('G被点击');
                }
            }
        }
    </script>
</head>
<body>
</body>
</html>

鼠标事件:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <script>
        window.onload=function(){
            //单击
            var input=document.getElementById('b');
           input.onclick=function(){
                alert('2333')
            }
            //双击
            var c=document.getElementById('c');
            c.ondblclick=function(){
                alert('66666');
            }
        }
    </script>
</head>
<body>
<input type="button" id="b" value="点击"/>
<input type="button" id="c" value="双击"/>

</body>
</html>

HTML事件:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <script>
        window.onload=function(){
            //获取元素
            var a=document.getElementById('a');
          var b=document.getElementById('b');


            //内容发生改变,并转移焦点后才能被监听到
            d.onchange=function(){
                alert('内容发生了改变');
            }


            //添加一个内容改变监听事件
            a.oninput=function(){
                //a的输入框内容传给b
                b.innerText= a.value;
            }
          如图:
             
            
            //兼容ie9以下的版本
            a.onpropertychange=function(){
                b.innerText= a.value;
            }
        }
    </script>
</head>
<body>
<input type="text" id="a" value="">
<div id="b"></div>
</input>
</body>
</html>

实例:动态改变页面
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <style>
        img{
            margin:10px 10px;
        }
        .a{
            border: 1px solid gray;
        }
        .b{
            border: 3px solid red;
        }
    </style>
    <script>
        window.onload=function(){
        var img=document.getElementsByTagName('img');
        //循环设置每一个元素的鼠标事件
        for(var i=0;i<img.length;i++){
            //鼠标进入元素时
            img[i].onmouseover=function(e){
                e.target.className='b';
            }
            //鼠标离开元素时
            img[i].onmouseout=function(e){
                e.target.className='a';
            }
          }
        }
    </script>
</head>
<body>
<img  class="a" src="../img/new_01.jpg" alt=""/>
<img  class="a" src="../img/new_02.jpg" alt=""/>
<img  class="a" src="../img/new_03.jpg" alt=""/>
</body>
</html>






资源下载链接为: https://pan.quark.cn/s/f989b9092fc5 今天给大家分享一个关于C#自定义字符串替换方法的实例,希望能对大家有所帮助。具体介绍如下: 之前我遇到了一个算法题,题目要求将一个字符串中的某些片段替换为指定的新字符串片段。例如,对于源字符串“abcdeabcdfbcdefg”,需要将其中的“cde”替换为“12345”,最终得到的结果字符串是“ab12345abcdfb12345fg”,即从“abcdeabcdfbcdefg”变为“ab12345abcdfb12345fg”。 经过分析,我发现不能直接使用C#自带的string.Replace方法来实现这个功能。于是,我决定自定义一个方法来完成这个任务。这个方法的参数包括:原始字符串originalString、需要被替换的字符串片段strToBeReplaced以及用于替换的新字符串片段newString。 在实现过程中,我首先遍历原始字符串,查找需要被替换的字符串片段strToBeReplaced出现的位置。找到后,就将其替换为新字符串片段newString。需要注意的是,在替换过程中,要确保替换操作不会影响后续的查找和替换,避免遗漏或重复替换的情况发生。 以下是实现代码的大概逻辑: 初始化一个空的字符串result,用于存储最终替换后的结果。 使用IndexOf方法在原始字符串中查找strToBeReplaced的位置。 如果找到了,就将originalString中从开头到strToBeReplaced出现位置之前的部分,以及newString拼接到result中,然后将originalString的查找范围更新为strToBeReplaced之后的部分。 如果没有找到,就直接将剩余的originalString拼接到result中。 重复上述步骤,直到originalStr
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值