نمایش نتایج 1 تا 4 از 4

نام تاپیک: کپی کردن متن input بکمک jquery

  1. #1

    Post کپی کردن متن input بکمک jquery

    سلام
    فرض کنید یک input از text است و یک button هم داریم
    حال می خواهم هروقتی روی button کلیک کردم متن نوشته شده داخل input عمل کپی انجام شود بکمک jquery
    چه کدی باید بنویسم
    باتشکر

  2. #2
    کاربر دائمی آواتار plague
    تاریخ عضویت
    آبان 1388
    محل زندگی
    اهواز
    پست
    1,915

    نقل قول: کپی کردن متن input بکمک jquery


  3. #3

    نقل قول: کپی کردن متن input بکمک jquery

    سلام
    مهندس اگر بخواهیم یک مقدار datat-id را کپی کنیم باید چکار کنیم
    روش فوق جوابگو نیست
    باتشکر


  4. #4
    کاربر دائمی آواتار plague
    تاریخ عضویت
    آبان 1388
    محل زندگی
    اهواز
    پست
    1,915

    نقل قول: کپی کردن متن input بکمک jquery

    این کدیه که خودم استفاده میکنم

    https://jsfiddle.net/wh459zk8/


    این توابع رو تو صفحاتت اضافه کن


    $(document).on('click' , '.copy-to-clip' , function(){
    console.log($(this).parents('.copy-wrapper:first').find('.paset-to-clip').html());
    copyToClipboard($(this).parents('.copy-wrapper:first').find('.paset-to-clip')[0]);
    })


    function copyToClipboard(elem) {
    // create hidden text element, if it doesn't already exist
    var targetId = "_hiddenCopyText_";
    var isInput = elem.tagName === "INPUT" || elem.tagName === "TEXTAREA";
    var origSelectionStart, origSelectionEnd;
    if (isInput) {
    // can just use the original source element for the selection and copy
    target = elem;
    origSelectionStart = elem.selectionStart;
    origSelectionEnd = elem.selectionEnd;
    } else {
    // must use a temporary form element for the selection and copy
    target = document.getElementById(targetId);
    if (!target) {
    var target = document.createElement("textarea");
    target.style.position = "absolute";
    target.style.left = "-9999px";
    target.style.top = "0";
    target.id = targetId;
    document.body.appendChild(target);
    }
    target.textContent = elem.textContent;
    }
    // select the content
    var currentFocus = document.activeElement;
    target.focus();
    target.setSelectionRange(0, target.value.length);

    // copy the selection
    var succeed;
    try {
    succeed = document.execCommand("copy");
    } catch (e) {
    succeed = false;
    }
    // restore original focus
    if (currentFocus && typeof currentFocus.focus === "function") {
    currentFocus.focus();
    }

    if (isInput) {
    // restore prior selection
    elem.setSelectionRange(origSelectionStart, origSelectionEnd);
    } else {
    // clear temporary content
    target.textContent = "";
    }
    return succeed;
    }



    بعد وقتی میخای با فشردن یک دکمه یک متن کپی بشه
    به دکمه کلاس copy-to-clip میدی
    به متنه کلاس paset-to-clip میدی
    و بعد هر دوشون رو توی یک المنت مثلا دیو با کلاس copy-wrapper میزاری



    کد HTML:
    <div class="copy-wrapper">
    <span class="paset-to-clip">text1</span>
    <a href="#" class="copy-to-clip"> copy text</a>
    </div>

تاپیک های مشابه

  1. تغییر استایل input شماره 1 وقتی که ما روی input شماره 2 focus کنیم
    نوشته شده توسط abbas3zaar در بخش طراحی وب (Web Design)
    پاسخ: 1
    آخرین پست: سه شنبه 10 فروردین 1395, 08:09 صبح
  2. حذف space ها در input ها - jquery
    نوشته شده توسط <?php?> در بخش طراحی وب (Web Design)
    پاسخ: 2
    آخرین پست: پنج شنبه 26 آذر 1394, 21:58 عصر
  3. سوال: کپی کردن مقدار input از نوع فایل
    نوشته شده توسط tooka123 در بخش jQuery
    پاسخ: 2
    آخرین پست: یک شنبه 08 شهریور 1394, 23:12 عصر
  4. validation expression برای input های html در کار با jquery و json
    نوشته شده توسط sepehrforough در بخش ASP.NET Web Forms
    پاسخ: 1
    آخرین پست: شنبه 24 خرداد 1393, 11:07 صبح
  5. مشکل با افزودن input بعد از کلیک روی add در jQuery
    نوشته شده توسط binboy در بخش jQuery
    پاسخ: 2
    آخرین پست: سه شنبه 18 مرداد 1390, 18:10 عصر

قوانین ایجاد تاپیک در تالار

  • شما نمی توانید تاپیک جدید ایجاد کنید
  • شما نمی توانید به تاپیک ها پاسخ دهید
  • شما نمی توانید ضمیمه ارسال کنید
  • شما نمی توانید پاسخ هایتان را ویرایش کنید
  •