zoukankan      html  css  js  c++  java

  • 实现双击编辑标题

    在上边双击文章题目可以编辑标题，以实现更换标题功能。

    代码：

    var test = document.getElementById("test");
    var mysubmit = document.getElementById("submit");
    test.ondblclick     = function()
    {
         this.readOnly = false;
         this.className = "b";
     mysubmit.style.display     = "";
    }
    mysubmit.onclick     = function()
    {
     test.readOnly     = true;
     test.className     = "a";
         this.style.display = "none";
    }

    效果：

    提示：可以先在文本框内，根据需要修改代码后再运行

  • 相关阅读:
    Vue自定义组件
    Vuex状态管理总结
    关于状态管理模式
    Vue路由实现页面跳转的两种方式（router-link和JS）
    Vue过渡效果的实现
    Vue中的DOM操作
    SASS 和 LESS 的区别
    Vue计算属性和侦听器
    zabbix 内置变量
    /proc 目录下文件详解
  • 原文地址：https://www.cnblogs.com/joe235/p/1210014.html
Copyright © 2011-2022 走看看