Projekt-Anfragen: Tel: 07022/9319004 info@CodeDocu.de Software Entwicklung in C# WPF Asp.Net Core Vba Excel Word SQL-Server EF Linq, UWP Net
#

jQuery: Paste Insert Event

 

Aufgabe:

ich benötige einen jquery-Event wenn ein Text in ein Eingabeformular eingefügt wird mit strg-V, Einfügen, Paste…

 

Lösung:

Mit dem bind("paste", function..)

$("#divEditor").bind("paste", function () { alert("Paste Event divEditor"); })

 

Wenn dann über Strg-V oder über Context-Menü: Einfügen ein Text eingefügt wird in das HTML Div Element, dann erscheint die Meldung beziehungsweise der Event wird ausgelöst und eine function() kann aufgerufen werden.

 

Video tutorial

https://www.youtube.com/watch?v=_jtgq-7k2fU

 

jQuery Paste Beispiel in asp Core MVC

Asp.net core MVC Beispiel

@{

    Layout = null;

}

<div >

        <form asp-action="demo_jQuery_01">

            <div class="form-group">

 

                <br />

                TextArea<br />

                @*Html.TextAreaFor(model => model.Text1, new { @class = "form-control", @rows = 4 })*@

 

                <textarea class="form-control" id="Text1" name="Text1" style="height:10px;width:90%; overflow:auto;border:1px solid blue;">

                    @ViewData["Text1"]

                </textarea>

                <br />

                Div

                <div contenteditable="true" id="divEditor" name="divEditor" style="height:100px;width:90%;overflow:auto;border:1px solid red;">

                    @ViewData["Text2"]

                </div>

            </div>

 

        </form>

    </div>

 

 

<button id="btnInsert">Insert text</button>

<button id="btnTransfer">transfer text</button>

 

 

@*------------< jQuery-script >------------*@

<script type="text/javascript" src="~/lib/jquery/dist/jquery.js"></script>

<script>

 

 

    $("#btnInsert").click(Insert_Text);

    $("#btnTransfer").click(transfer_Text);

    $("#divEditor").bind("paste", function () { alert("Paste Event divEditor"); })

 

 

    function Insert_Text() {

        $("#divEditor").append("Insert_22");

    }

 

    function transfer_Text() {

        var sText = $("#divEditor").html();

        $("#Text1").val(sText);

    }

</script>

@*------------</ jQuery-script >------------*@

 

 

 

 

Asp core controller

using System;

using Microsoft.AspNetCore.Mvc;

using IWois_Core.Data;

 

 

namespace IWois_Core.Controllers

{

    public class DemosController : Controller

    {

        private readonly ApplicationDbContext _dbContext;

 

        public DemosController(ApplicationDbContext context)

        {

            _dbContext = context;

        }

 

        public IActionResult demo_jQuery_01()

        {

            ///-------------< Index_All >-------------

            ViewData["Text1"] = "This is Text1 aaaa";

            ViewData["Text2"] = "This is Text2 bbbb";

            return View("demo_jQuery_01");

            ///-------------</ Index_All >-------------

        }

    }

}

 

 

 

Mobile
»
Upload mit Progress Bar
»
jQuery: Wert einer HTML Progress Anzeige einstellen
»
Dateien hochladen und anzeigen mit jQuery ajax, FileUpload, Anzeigen des json Results
»
jQuery: 1-Button File-Upload mit Autostart
»
Dateien mit Ajax hochladen : Asp Net Core MVC und jQuery
»
jQuery: Function vor Submit Senden ausführen
»
jQuery: function nach dem Laden einer Seite ausführen
»
jQuery: HTML Elemente in ein Element einfügen
»
jQuery: Paste Event beim Einfügen von Text in ein HTML Element
»
jQuery: Insert event bei Text Eingabe

.

Jobs, Projekte, Angebote für Freiberufler, Selbstständig an Info@CodeDocu.de