窗口事件传递当前对象(this)

最新推荐文章于 2024-05-28 14:53:08 发布

宇亲

最新推荐文章于 2024-05-28 14:53:08 发布

阅读量174

点赞数

分类专栏： html js 文章标签： javascript 前端 vue.js

本文链接：https://blog.csdn.net/weixin_39709920/article/details/128048960

版权

js 同时被 2 个专栏收录

13 篇文章 0 订阅

订阅专栏

html

7 篇文章 0 订阅

订阅专栏

本文探讨了HTML元素中`onblur`事件的使用，展示了一个JavaScript函数`upperCase`，该函数在输入框失去焦点时将内容转换为大写。同时，也提到了一个相似的`onClick`事件处理函数，用于处理段落内容的转换。这些示例突显了前端开发中DOM操作和事件监听的重要性。

摘要由CSDN通过智能技术生成

html：
<input value='测试内容1' onblur="upperCase(this.value)" />
<p onclick="upperCase1(this.innerHTML)" />测试内容2</p>
<input onblur="upperCase2(this)" />

js:
function upperCase(e)
{
    console.log(e);
    //输出测试内容1
}
function upperCase1(e)
{
    console.log(e);
    //输出测试内容2
}
function upperCase1(e)
{
    console.log(e.value);
    //输出测试内容1
}