html点击按钮自动获取值,如何获取HTML按钮的文本值

设置this的上下文时遇到问题。根据您当前的实现，this指的是窗口而不是调用该事件的元素。

您需要设置上下文正确，这可以通过多种方式实现。

使用.call()

function btnClick() {

var btnText = this.textContent || this.innerText;

console.clear();

console.log("calling AJAX PHP with POST value of the button pressed textContent = " + btnText);

}

Quercus petraea

Betula pendula使用bind()

function btnClick() {

var btnText = this.textContent || this.innerText;

console.clear();

console.log("calling AJAX PHP with POST value of the button pressed textContent = " + btnText);

}

Quercus petraea

Betula pendula将this传递给btnClick函数并使用参数

function btnClick(elem) {

var btnText = elem.textContent || elem.innerText;

console.clear();

console.log("calling AJAX PHP with POST value of the button pressed textContent = " + btnText);

}

Quercus petraea

Betula pendula

但是我建议你摆脱内联点击处理程序并使用不显眼的事件处理程序

function btnClick() {

var btnText = this.textContent || this.innerText;

console.clear();

console.log("calling AJAX PHP with POST value of the button pressed textContent = " + btnText);

}

document.querySelectorAll(".button").forEach(function(element) {

element.addEventListener('click', btnClick);

})

Quercus petraea

Betula pendula

html点击按钮自动获取值,如何获取HTML按钮的文本值相关推荐

JQuery EasyUi控件值的获取与设置
1. 值的设置 dateTimeBox $('#StartDate').val(startTime); dateBox $('#StartDate').datebox('setValue', s ...
SystemVerilog文本值和数据类型
SystemVerilog文本值和数据类型 1.增强的文本值赋值给一个向量赋予文本值在Veirlog语言中,一个向量可以很容易地赋值为全00.全x(不确定)或全z(高阻态). parameter ...
html5 自动点击按钮,自动击键神器！一键实现自动点击功能！关键模拟应用
软件简介自动按钮工件可以将许多可自定义的功能绑定到长按/单击/双击/三次单击按钮,并且可以完成歌曲收藏夹,例如一键式网易云音乐/ QQ音乐,一键式支付宝/微信支付,一键微博等功能. 并且有许多内置功 ...
button layui 点击事件_Layui 带多选框表格监听事件以及按钮自动点击写法实例
不话不多说了,直接上代码吧: 获取选中行数据获取选中数目验证是否全选提交选择 id运动名运动时长运动类型 var msg=""; var idlist="" ...
jquery粘贴按钮_实现前端点击按钮自动复制剪贴板功能
[目录] 明确需求 html分析代码实现 css分析 js分析代码实现只要是文本,长按选中就可以复制,但是需求来了挡也挡不住: 明确需求为了提升用户体验,点击[复制]按钮就自动复制到剪贴板,那 ...
如何获取html页面上的按钮列表,如何从一个html页面获取单选按钮的值到另一个？...
我尝试获取位于第一个html页面上的底部粘贴html代码的值.我有另一个html页面,应该用"onclick"按钮生成.更准确地说,代码应该在下一页中创建按钮.如何从一个html页 ...
Bootstrap4+MySQL前后端综合实训-Day08-AM【多表查询sql语句、关联数据的假删除、自动增长主键的获取、栏目管理“数据编辑”按钮的实现】
[Bootstrap4前端框架+MySQL数据库]前后端综合实训[10天课程博客汇总表详细笔记][附:实训所有代码] 目录多表查询sql语句关联数据的假删除(status状态码/数据可恢 ...
html 点击按钮js自增,JS实现点击按钮自动增加一个单元格的方法
本文实例讲述了JS实现点击按钮自动增加一个单元格的方法.分享给大家供大家参考.具体分析如下: 这是一个网页在线自助生成表格的特效代码. 核心功能代码是JS实现,点击网页中的添加按钮,网页中自动增加一个 ...
html内容点击按钮自动复制,HTML页面---复制按钮的使用(包含弹层)
先说一下我的整体方案: 用到了clipboard插件,官方地址和github地址,也可以参考中文说明. clipboard插件实测:在PC端的浏览器(试了mac上的safari,chrome,fire ...
腾讯微博——点击按钮自动加关注代码
腾讯微博点击按钮自动加关注: <iframe id="previewmc" src="http://follow.v.t.qq.com/index.php?c=fo ...

html点击按钮自动获取值,如何获取HTML按钮的文本值

html点击按钮自动获取值,如何获取HTML按钮的文本值相关推荐

最新文章

热门文章