js中的事件以及获取内容

最新推荐文章于 2022-06-29 20:11:28 发布
最新推荐文章于 2022-06-29 20:11:28 发布
阅读量173 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wkx8324183/article/details/102850528
版权

1.常用事件

　　　　　　onload：当页面中的所有的标签，文档，图片等资源加载完毕后会触发onload事件
　　　　　　onclick：鼠标单击事件
　　　　　　ondblclick：鼠标双击事件
　　　　　　onmousedown：鼠标按下事件
　　　　　　onmouseup：鼠标按键抬起事件
　　　　　　onmousemove：鼠标移动到元素上事件
　　　　　　onmouseover：鼠标进入到某个元素的事件
　　　　　　onmouseout：鼠标离开元素事件
　　　　　　onfocus：元素得到焦点
　　　　　　onblur：元素失去焦点
　　　　　　onchange：用户改变文本域的内容
　　　　　　oninput：实时监听输入框的变化（ie678）
　　　　　　onpropertychange：与oninput一样，当是这个是ie专属
　　　　　　onkeydown：某个键盘的键被按下
　　　　　　onkeyup：某个键盘的键被抬起

2.获取标签中的内容
　　　　　　1）innerHTML：同于设置或者获取位于标签起始和结束标签之间的HTML（常用）
　　　　　　2）outerHTML：用于设置或者获取对象本身以及对象其实和结束标签之间的所有的内容（不常用）
　　　　　　3）innerText：用于设置或者获取对象起始和结束标签之间的文本

老王快秃了啊.
关注
js 获取事件源
hw1287789687的专栏
05-10 4099
js 获取事件源 var node = evt.currentTarget || evt.srcElement||evt.target||evt.toElement; ja.test((a.currentTarget||a.srcElement||a.target||a.toElement).readyStat * 获取事件源 * @param ev * @ret
JavaScript基础---事件的获取和基本操作
qq_42488087的博客
04-21 193
鼠标点击事件的文本替换 鼠标点击：onclick <head> <meta charset="UTF-8"> <title></title> <script> function dianji(){ //alert("我被点击了"); var div=document.getElementById("div...
js中获取事件对象的方法小结
smshuxue的专栏
11-10 1752
事件对象 的获取很简单，很久前我们就知道IE中事件对象是作为全局对象( window.event )存在的，Firefox中则是做为句柄( handler )的第一个参数传入内的。所以一行代码就可以搞定 代码如下: var evt = window.event || arguments[0]; 下面分三种添加事件的方式讨论，你也许会看到以前没有看到过的获取方式。 1，第一种
总结一些JS获取窗口事件的代码!
xxf0xxf的专栏
01-21 1836
================检测窗口是否为当前窗口================    window.onblur  = function(){alert(out);} window.onfocus  = function(){alert(in);}================每两秒打印一次数组================       var   OBJ   =
js获取元素属性及事件
weixin_67642008的博客
06-29 2935
HTML中元素属性&滚动条属性&类名样式操作方法&鼠标事件
JS实现获取剪贴板内容的方法
10-22
在JavaScript中，获取剪贴板内容涉及到浏览器的安全性和API的使用。剪贴板是操作系统提供的一种数据暂存区域，用户可以复制和粘贴文本、图片等信息。在JavaScript中，我们通常通过`clipboardData`对象来操作剪贴板。...
JavaScript实现获取用户单击body中所有A标签内容的方法
10-19
本篇将详细介绍如何使用JavaScript来实现获取用户在body中单击所有A（超链接）标签时的内容。这个功能涉及到JavaScript对页面元素的操作以及事件响应机制。 首先，我们需要获取整个HTML文档的body部分。在...
怎么通过onclick事件获取js函数返回值（代码少）
10-23
通过上述内容的介绍，我们可以了解到如何通过onclick事件获取JavaScript函数返回值，并且掌握了基本的实现方式和一些需要注意的细节。希望这些知识点能够帮助到需要的朋友，在今后的学习和工作中能够更加高效地处理...
vue.js click点击事件获取当前元素对象的操作
10-14
本文将详细介绍如何在Vue.js中利用`click`事件获取当前元素对象。 首先，让我们来看一个基本的例子： ```html ('hello!', $event)">点击当前行文本 <li>li2 <li>li3 new Vue({ el: '#app', data: { ...
js实现文本框中输入文字页面中div层同步获取文本框内容的方法
10-24
在JavaScript编程中，有时我们需要实现在用户在文本框（`<textarea>`）中输入内容时，页面中的其他元素（如`<div>`）能够实时显示这些输入。这通常用于创建实时预览、编辑器功能或者反馈用户输入的效果。在给定的...
js触发onclick事件获取文本框中的值value
weixin_43626218的博客
04-30 4466
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div> <!--创建文本框： type：类型， value：初始值，可以不设置 id：唯一性--> 用户名： <input type="text".
js中事件处理与获取值的方法
qq_27493017的博客
09-20 1026
1、js中事件的处理方式--两种 下面以onclick事件为例展示事件的两种处理方式： 方式1： //html <input type="button" value="onclick1" onclick="f1();"/> //js <script> //方式一： function f1(){ console.log("点击事件-方式一"); } &lt...
python 爬虫如何获取js里面的内容
热门推荐
hanchaobiao的博客
06-13 6万+
在编写爬虫软件时发现无法获取到新浪新闻评论的条数，最后发现因为它是存放在js中的，本文就讲述如何从js中获取页面需要的数据内容
JS获取事件源
MYG_G
06-22 1814
获取事件源原理：将子元素的事件交给父元素处理，提高性能，利用事件冒泡 <body> <ul id='ul'> <li>1</li> <li>2</li> <li>3</li> <h4>hhhh4444</h4> <li>4</li> <li>5</li> <li>6</li&gt
javaScript获取事件源的两种方式
NullPointerException的博客
01-20 9007
方式一：  通过event对象的srcElement属性；  例： node=event.srcElement; 方式二：  将事件源对象通过this传入；  例：<div onclick="change(this)">获取事件源对象  function change(node){ }
js获取点击到的内容
github_37125043的博客
08-29 1707
js获取点击到的内容 提供给APP小组的H5页面链接，现在要求点击图片传给原生一个地址，他们展示图片。 这个方法之前没用过，在此记录一下，方便以后查找。 document.body.onclick=function(e){ var event = window.event || e; var obj=document.elementFromPoint(ev...
js之onload事件关于我的一点体会
记录移动开发相关的知识
08-13 1325
如果我问你window.load和window.onload分别是什么意思，恐怕你会回答我：“这不是页面加载完就执行吗”。 但是答案是不一定，得看你怎么用。看一下例子吧 例1： Untitled function ShowMessage() { alert("true"); } window.onload=ShowMessage(); 当你看到
js点击绑定事件中如何获取传参内容
最新发布
08-09
// 在这里可以获取传递给事件处理函数的参数内容 console.log(event.target); // 输出被点击的按钮元素 } ``` 在上述例子中，`event.target`将返回触发事件的按钮元素。 如果需要将自定义参数传递给事件处理函数...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值